Почему один отказывается показываться?

#html

Вопрос:

Я работал над веб-сайтом: https://coronavirustest.co.nz/.

В определенный момент в форме у меня есть заявление об отказе от конфиденциальности в div .privacy-disclaimer , которое (я не могу понять , почему) не отображается на отображаемой странице. В коде VS нет ошибок консоли и предупреждений.

Поведение даже показано в приведенном ниже фрагменте, что я делаю не так?

 <div class="subject-email-address mt-2">
            <label
              for="subject-email-address"
              class="font-bold text-gray-700 w-1/4"
              >Subject Email Address (for a copy of the test results)</label
            >
            <input
              type="email"
              name="subject-email-address"
              id="subject-email-address"
              class="border-b-2 w-full bg-gray-100 text-lg p-1"
              placeholder="john@example.com"
            />
          </div>
          <div class="privacy-disclaimer mt-2">
            <h3 class="font-bold">Privacy amp; Data Handling</h3>
            <p class="max-w-xl text-sm">
              Information is collected for the purpose of testing for COVID-19,
              and reporting positive tests to the Ministry of Health for further
              treatment. Information will be seen by the subject (person
              providing the test), the subject's employer, the tester (person
              conducting the test), the tester's employer, Sober Check Ltd
              (provider of the form), and the Ministry of Health (in the event
              of a positive test). Some information on this form is optional,
              the rest is required. If required information isn't provided, the
              test results will not be saved. All information collected will be
              handled in accordance with the Privacy Act 2020.
            </p>
            <div class="privacy-acceptance mt-1 text-lg p-1">
              <label for="privacy-disclaimer" class="border-b-2 cursor-pointer"
                >I'm happy to proceed</label
              >
              <input
                type="checkbox"
                name="privacy-disclaimer"
                id="privacy-disclaimer"
                required
                class="border-b-2 bg-gray-100 cursor-pointer"
              />
            </div>
          </div> 

Комментарии:

1. Похоже, он заблокирован блокировщиками рекламы. Я отключил uBO, и div отображается правильно. Кроме того, если я изменю класс на случайную строку, он также будет отображаться правильно.

2. Спасибо @Martheen, сейчас я чувствую себя глупо 😅 Я приму это как ответ, если кто-то из вас захочет опубликовать его? Превращение в случайную строку полезно, так как мои пользователи будут затронуты тем же самым.

Ответ №1:

Он заблокирован моими блокировщиками рекламы. Отключение этого показывает, что div правильно, также с другим классом (фильтр, вероятно, нацелен на privacy-disclaimer и privacy-acceptance ), который они получили через блокировщики рекламы. Обратите внимание, что в будущем кто-то может также добавить ваш новый класс в свой список блокировки.