Forms not displaying properly on Firefox

  • Resolved Emily

    (@wilkinsone)


    1 month, 2 weeks ago

    When viewing forms in Firefox, the questions are no more bold than the answers. I’ve discovered that in Chrome, 400 is normal weight, 500 is more bold, and 600 displays exactly the same as 500. In Firefox, 400 and 500 are both normal weight and 600 is more bold. The default weight set in Fluent Forms for the questions is 500. If it was changed to 600, it would change nothing in Chrome but would mean it displayed properly in Firefox. I know I can change it using CSS, but I was wondering if the Fluent Forms default could please be changed so the forms display properly for everybody else using this plugin too.

    This is how forms currently display in Firefox https://prnt.sc/eLW8He76vm_-

    And this is how they display in Firefox with the weight changed to 600 https://prnt.sc/lk3baA3kqFFH

    600 weight works the same as before in Chrome https://prnt.sc/n2iTZ87oqtxK


    Another thing I noticed is that I can type letters into a number field in Firefox. I suspect this might be something that is more difficult to be changed but thought I would mention it anyway whilst I am here.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Amimul Ihsan

    (@amimulihsanmahdi)

    Hello @wilkinsone,

    Could you please export it by following the documentation so that we can check? In addition, please share the form URL.

    Regarding the letters to number conversion, could you please share a screenshot so that we can reproduce this on our end?

    Thank you

    Thread Starter Emily

    (@wilkinsone)

    @amimulihsanmahdi , thank you for responding. This is an issue with every single site (not just mine) that uses Fluent Forms. You can create literally any form on any site using any theme and font (at least as far as I have checked) and see that the default font weight set in the Fluent Forms CSS for the field/element labels is 500, which results in the label displaying in the desired way in Chrome, but not in Firefox.

    Regarding the numeric field, if you use it in a form and view the form in Chrome, you can only type numbers into the field. If you view the form in Firefox, you are able to enter text into the box, as seen here https://prnt.sc/rY07atbn6YdL. I suspect that is a Firefox issue and not something you can do anything about, but changing the weight of the labels seemed to me something that should be easy for Fluent Forms to do and would be helpful for all Firefox users.

    Plugin Support Amimul Ihsan

    (@amimulihsanmahdi)

    Hello @wilkinsone,

    Thanks for providing the details. We have tested both issues and we would like to inform you that both the issue is brower specific; Not a bug by Fluent Forms. For instance, the font issue occured due to how browsers interpret font weights. You can check the reference here.

    Input type number issue also occurred by Firefox, please check the reference here.

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.