Multiselect checkbox and span spacing

Post Reply
Posts: 1
Joined: 04 Jan 2018, 22:40

12 Feb 2020, 03:02

Multiselect checkbox on Avalon (also Morpheus and perhaps others) appears to have a minor CSS bug that creates crowding of span element's text next to the checkbox for each item.

Reviewing other themes without this problem indicated a different margin setting for the following selector:

Code: Select all

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox
BUG: Property with spacing bug:

Code: Select all

margin-top: 0;
FIX: Property found in other themes without the bug:

Code: Select all

margin: 0 .5em 0 0;
Screenshot displaying crowded checkbox and text that needs additional space:

This was discovered while reviewing the UI of various themes in Live Demo feature of Avalon's theme page.

I understand that I'm able to put this fix in place myself in my own CSS, but thought I should mention it here to improve this and other buggy themes at the source.

Posts: 603
Joined: 12 Sep 2017, 10:44

21 Feb 2020, 13:32

Thank you so much for your feedback. We will fix it for the next release.

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest