Bug in Contact Form?

For the contact form I am using at the bottom of this website, I seem to be able to click the First and Last Name fields to edit without problems, but for the email and message fields, I am not able to edit them. What could be causing this?

I checked your website and confirmed the issue you're reporting. However, using the stand alone version of the form https://www.jotform.com/61746523144151 the email and comment fields are both working fine as shown on the short clip below:

I noticed you're using the script embed code on your website. Please try using our iframe embed method instead to ensure no other script is conflicting with your form.

Give it a try and let us know if the issue still persists so we can have another look.

I tried using the iframe, and the issue seems to be persisting (I have updated the website as well, if you want to check it out). I actually realized if you click on the left most portion of the field, it seems to be working... perhaps it is a layout issue?

Thanks for trying the iframe approach. I found the cause of the problem. It was because of the div#particles-js first child "Michel Schoemaker Designer, engineer and part-time language geek" This title changes it's opacity (from 100 to 0) as you start scrolling down the page and although the opacity is set to 0 (making it invisible), the DOM element is still there and is "ON TOP" of the form. It's transparent, thus giving the impression that the email and comment fields were not clickable/editable. Here's s short clip explaining what I mean:

To fix this, try tweaking/configuring your particles js setup so it hides the title on page scroll (e.g. use CSS to set its display property to none). Hope that helped!

Wow, good catch. Thank you!