Asymmetric and cropped focus frame in Firefox

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
tetzla
Posts: 16
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: 5281
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: 16
Joined: 29 Apr 2021, 13:10

28 Apr 2022, 09:33

Hello,

.22rem works also fine.

Regards tetzla

mert.sincan
Posts: 5281
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: 16
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: 5281
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,

miedrl
Posts: 8
Joined: 22 Jul 2021, 13:21

30 May 2022, 10:25

Hi,

the variable of $focusShadow has been adapted, but shouldn't this also be done for other focus shadow variables? I found the following variables which could be adapted the same way (I'm not sure with $inputListItemFocusShadow though).

$inputListItemFocusShadow
$secondaryButtonFocusShadow
$infoButtonFocusShadow
$successButtonFocusShadow
$warningButtonFocusShadow
$helpButtonFocusShadow
$dangerButtonFocusShadow

Regards, miedrl

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

31 May 2022, 13:40

Hi,

Do you have the same issue with the focus variable above?

miedrl
Posts: 8
Joined: 22 Jul 2021, 13:21

07 Dec 2022, 13:07

Hello,

will the variables I listed above also be adapted so the focus shadow radius is the same (0.22rem)?

Regards

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

14 Dec 2022, 12:46

For now, no. Maybe, you can add a custom variable for it in your app. I'll talk Designer team about it again.

Best Regards,

Post Reply

Return to “Diamond - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests