SplitButton - remove scrollbar from dropdown menu

Post Reply
kimg
Posts: 53
Joined: 22 Aug 2013, 17:13

07 Aug 2021, 15:35

Hi,
I have a spiltbutton with 5 menu items.

the drop down shows as expected when the down arrow is clciked. But the drop down menu has a horisontal scrollbar at the bottom. Even though it is not needed.

How can I get rid of this scrollbar?

thanks
Kim
Primefaces 6.2 / Glassfish 5 / Payara 5.182

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

09 Aug 2021, 07:26

Hi,

Are you using a divider or separator component in the menu?

Best Regards,

kimg
Posts: 53
Joined: 22 Aug 2013, 17:13

09 Aug 2021, 10:55

Yes
Primefaces 6.2 / Glassfish 5 / Payara 5.182

kimg
Posts: 53
Joined: 22 Aug 2013, 17:13

09 Aug 2021, 11:04

ok,
it was the devider that caused the problems.

I just entered

Code: Select all

body .ui-menu .ui-divider.ui-divider-horizontal {
    margin: auto;
}
in the page containing the splitbutton and it solved the problem.

I don't know if it has other consequenses but for now it works.
Primefaces 6.2 / Glassfish 5 / Payara 5.182

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

10 Aug 2021, 06:51

Hi,

I'm glad your issue was solved.

Best Regards,

Post Reply

Return to “Serenity - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest