3.3.1 - SelectOneMenu overlap-issue (item-labels overlap drop-down-trigger)

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
christophs78
Posts: 85
Joined: 01 Mar 2018, 12:29

12 Oct 2020, 16:35

When we use ui-fluid everything is fine:

Code: Select all

body .ui-fluid .ui-selectonemenu-label {
  width: calc(100% - 2.357rem);
}
body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 2.357rem;
  padding: 0;
}
Without ui-fluid it overlaps because

Code: Select all

.ui-selectonemenu .ui-selectonemenu-label {
    width: 100%;
   ...
}

body .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2.357rem;
    ...
}
Up to Babylon 3.2.x this had not been an issue. Probably due to

Code: Select all

.ui-selectonemenu {
    padding-right: 22px;
    ....
}

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

13 Oct 2020, 09:27

Hi,

Fixed for next version. For now, please try;

Code: Select all

body .ui-selectonemenu .ui-selectonemenu-label {
    padding-right: 2.357rem;
}

body .ui-fluid .ui-selectonemenu-label {
    padding: 0.5rem 0.5rem;
}
You can add _theme_styles.scss under src/main/webapp/resources/sass/overrides

Best Regards,

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests