primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.55k stars 987 forks source link

InputMask Focus Flicker #3838

Open cagataycivici opened 1 year ago

cagataycivici commented 1 year ago

When inputmask receives focus for the first time, it flickers.

ArsenicBismuth commented 8 months ago

It's much worse than that in my build (Next.js). I'm using placeholder and it is stuck showing the meta pattern (alongside the flicker).

Here on first load, unfocused, it'd show as if it's focused:

image

I have to select it then deselect to fix it (showing placeholder):

image

ArsenicBismuth commented 8 months ago

I think my issue was caused by the InputMask having some strange focus on start. What it looks like when I add floating label, where the label should be only above the input if they're on focus:

image

After select-deselect:

image

cagataycivici commented 7 months ago

@mertsincan Could you please review for next release.