Asymmetric and cropped focus frame in Firefox

Post Reply
tetzla
Posts: 15
Joined: 29 Apr 2021, 13:10

21 Apr 2022, 12:38

The focus frame of some controls is slightly asymmetric and cropped in Firefox (see https://www.primefaces.org/diamond/input.xhtml > Radiobutton). With the following change the flaw can be avoided:

Code: Select all

//current code (light)
$focusShadow: 0 0 0 0.2rem $focusOutlineColor;

//suggested code (light)
$focusShadow: 0 0 0 0.25rem $focusOutlineColor; //or 0.125rem
In dim/dark scheme 1px (insteadof 0.2rem) is used. This also looks a little bit strange in Firefox.

In Edge and Chrome there are no such problems.

Regards tetzla

mert.sincan
Posts: 5045
Joined: 29 Jun 2013, 12:38

27 Apr 2022, 12:58

I think this seems to be an issue with firefox.
https://stackoverflow.com/questions/247 ... and-border

Does 0.22rem work fine?

tetzla
Posts: 15
Joined: 29 Apr 2021, 13:10

28 Apr 2022, 09:33

Hello,

.22rem works also fine.

Regards tetzla

mert.sincan
Posts: 5045
Joined: 29 Jun 2013, 12:38

28 Apr 2022, 09:55

Hi,

Thanks a lot for the update! Fixed for v3.1.1. I plan to release it next week.

Best Regards,

tetzla
Posts: 15
Joined: 29 Apr 2021, 13:10

10 May 2022, 10:02

The last week has passed. However, version 3.1.1 was not delivered. What is the updated schedule?

mert.sincan
Posts: 5045
Joined: 29 Jun 2013, 12:38

13 May 2022, 10:51

So sorry for the delay. I'm adding some features to the designer. Today I'll release all Premium Layouts.

Best Regards,

Post Reply

Return to “Diamond - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest