Display issue with custom label renderers containing span in object picker

Description

If there is a custom label renderer that includes a <span> element, then that element will not be displayed correctly in the chosen value of an object picker (see image):

This is because there is CSS that sets this span to display as a block item:

This was fine before label renderers, when the label would not itself contain a span; but now we might have a label such as this:

We can see here that the block styling is being applied not only to the outer span element, but also to the inner span that forms part of the label - which will then be pushed to the next line, and so made invisible.

We can fix this by targeting the span more specifically:

This will only target the span that is a direct child of .chosen-single

Environment

None
Fixed
Your pinned fields
Click on the next to a field label to start pinning.

Assignee

Seb Duggan

Reporter

Seb Duggan

Accepted

Yes