Home > OS >  Why is one <div> refusing to show?
Why is one <div> refusing to show?

Time:11-25

I have been working on a website: https://coronavirustest.co.nz/.

At a certain point in the form, I have a privacy disclaimer in the div .privacy-disclaimer, which (I cannot work out why) isn't showing up in the rendered page. There's no console errors and no warnings in VS Code.

The behaviour even exhibits in the snippet below, what am I doing wrong?

<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="[email protected]"
            />
          </div>
          <div class="privacy-disclaimer mt-2">
            <h3 class="font-bold">Privacy & 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>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response:

It's blocked by my adblockers. Disabling it shows the div correctly, also with different class (the filter likely target the privacy-disclaimer and privacy-acceptance) they got through the adblockers. Do note that in the future someone might also add your new class to their blocking list.

  •  Tags:  
  • html
  • Related