Page 1 of 2

Invisible "_" in inputs on windows

Posted: 04 Jan 2023, 14:23
by newk
The _ character is invisible when typed on a windows machine in p:inputText. This causes issues in many cases. For example if I have an input with an email like: "john_83@gmail.com", the users see: "john 83@gmail.com" and they think there is a space there, but infact it's a "_" but the theme does not show that "_".

Just go to https://www.primefaces.org/prestige/dashboard.xhtml on a windows machine and type a "_" in any p:inputText. And you'll see it wont be visible.

Can this be fixed? This causing alot of confusion for our users.

Re: Invisible "_" in inputs on windows

Posted: 05 Jan 2023, 12:42
by cagatay.civici
Do you mean the search input at topbar or all inputs? Also which theme are you using?

Re: Invisible "_" in inputs on windows

Posted: 05 Jan 2023, 13:01
by singlecode
cagatay.civici wrote:
05 Jan 2023, 12:42
Do you mean the search input at topbar or all inputs? Also which theme are you using?
I mean all p:inputText, I'm using Prestige latest version and PF12.

Just go to https://www.primefaces.org/prestige/formlayout.xhtml and type a "_" on any p:inputText. Make sure you do this on a windows machine.

Re: Invisible "_" in inputs on windows

Posted: 05 Jan 2023, 13:04
by newk
Sorry I posted this on my personal account, I meant to post it on the account we bought the theme from. I replied with that account. I think you maybe have to approve the reply since it's not visible here yet. But yes I mean on all p:inputText, try it on windows machine (prestige theme)

Re: Invisible "_" in inputs on windows

Posted: 05 Jan 2023, 19:52
by singlecode
Some additional information I just noticed now. Happens only on webkit browsers (chrome, edge, etc...) but always on windows.

Re: Invisible "_" in inputs on windows

Posted: 06 Jan 2023, 16:38
by cagatay.civici
We'll test it on monday on a windows machine at the office and get back to you.

Re: Invisible "_" in inputs on windows

Posted: 01 Mar 2023, 13:02
by cagatay.civici
We could not replicate but my colleague will try on a different pc today and get back to you.

Re: Invisible "_" in inputs on windows

Posted: 06 Mar 2023, 09:30
by olgubasak
Hi,

I checked from another Windows PC and I didn't encounter any errors either.

Re: Invisible "_" in inputs on windows

Posted: 06 Mar 2023, 10:29
by singlecode
That is very strange. Did you test on windows and specifically on chrome/edge? It only happens with the underscore "_". Here's a video of it where I went to https://www.primefaces.org/prestige/formlayout.xhtml and I copy-pasted some text with an "_" from the search input up top, to a form input:

https://streamable.com/kdwpon

You can see there's a blank there on the input. The "_" is there but it cannot be seen.

Re: Invisible "_" in inputs on windows

Posted: 06 Mar 2023, 17:15
by olgubasak
Hi,

I checked again. I didn't know that Sarabun had such an error with a Windows PC. I talked to the design team and they recommended using the font Cabin.
If you make changes using Cabin in the paths I mentioned below, your problem will be resolved.

path1:src/main/webapp/resource/sass/_font.scss
path2:src/main/webapp/resources/prestige-layout/fonts

Google-fonts for Cabin:https://fonts.google.com/specimen/Cabin?query=cabin+


If you encounter any problem do not hesitate to contact us.