Display issue with custom label renderers containing span in object picker
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