how to check if an html form has been rendered on the page using nextjs

Question

Is it possible to check if an html element(form) has been rendered?

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

Using React and Nextjs.

https://stackoverflow.com/questions/45514676/react-check-if-element-is-visible-in-dom — Mohaimin, Aug 12 '21 at 16:11
That thread works for reactjs though. I'm looking for nextjs compatible solution. — Omar Dulaimi, Aug 15 '21 at 09:41

score 1 · Answer 1 · answered Aug 12 '21 at 16:14

1

I think you can check it using window object.

Just check it like a vanilla javascript using window.document.getElementBy....

answered Aug 12 '21 at 16:14

Chuck

776
5
18

Thanks, but i'm looking for a less hacky solution; preferably for nextjs. – Omar Dulaimi Aug 15 '21 at 09:41

how to check if an html form has been rendered on the page using nextjs

1 Answers1