PF8 datatable's columnToggler checkboxes looking odd when focused

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
User avatar
asesovici
Posts: 25
Joined: 13 Mar 2018, 16:35

13 Jul 2020, 19:22

After updating our apps to PrimeFaces 8.0 from 7.0, we noticed a small glitch in the dataTable's columnToggler's checkboxes, when focused. Each time you check/uncheck a column and it is still focused, there is a strange black border showing up around the checkbox, with a bottom which is out of the normal border's square shape.

We were still using Ultima 1.1.5 back then so I figured it must be a compatibility issue between PF 8 and Ulitma 1.1.5. But I just updated to Ultima 2.1.1 (latest on PrimeStore) and the issue still reproduces. The Ultima online showcase does not have any dataTables with columnTogglers so I am unable to show you exactly how the glitch looks like.

On a regular p:selectBooleanCheckbox this does not happen.

It appears I am pretty terrible at CSS and I couldn't find the cause of this glitch to try to fix it in our custom CSS. Please help.
PrimeFaces 8.0 | JSF 2.2 | Payara 5.194
PrimeNG 9.1.3 | Angular 9.1.12

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

14 Jul 2020, 12:32

Fixed for the next version. Please try;

Code: Select all

body .ui-columntoggler-item > .ui-chkbox .ui-chkbox-box {
        outline: 0 none;
}
Best Regards,

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests