Button; outline-issue with Firefox (tested with 60.9.0esr)

[christophs78]

Babylon does the following to outline focused buttons:

Code: Select all

  body .ui-button.ui-state-focus {
    outline: 2px dotted #2196F3;
    outline-offset: 1px;
    -webkit-box-shadow: 0 none;
    -moz-box-shadow: 0 none;
    box-shadow: 0 none; }

Issue in Babylon-Showcase (https://www.primefaces.org/babylon/forms.xhtml)


our own usecase:


The issue may be related to a Firefox-Bug - https://bugzilla.mozilla.org/show_bug.cgi?id=687311

[christophs78]

The issue also occurs with FF 69.0.

You should be able to reproduce this issue also on (https://www.primefaces.org/babylon/sample.xhtml).
Click on the DropDown of the Save-Button and the following happens:

[christophs78]

Issue was already reported for NG: viewtopic.php?f=100&t=58898

[mert.sincan]

Please try;

Code: Select all

body .ui-button.ui-button-icon-only {
   overflow: hidden;
}

Best Regards,

[christophs78]

Thanks! This solves the issue.

[mert.sincan]

Glad to hear, thanks a lot for the update!

Best Regards,

[christophs78]

Could you please include this fix / work-around in the next Babylon-version?

[mert.sincan]

Fixed for the next version.

Best Regards,