SOLVED

SharePoint Online - overlapping text in drop-down menu

%3CLINGO-SUB%20id%3D%22lingo-sub-2193504%22%20slang%3D%22en-US%22%3ESharePoint%20Online%20-%20overlapping%20text%20in%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2193504%22%20slang%3D%22en-US%22%3E%3CP%3EIn%20the%20last%20week%2C%20we've%20started%20seeing%20drop-downs%20with%20long%20choice%20text%20fields%20wrapping%20the%20text%20where%20it%20didn't%20do%20that%20in%20the%20past.%20I%20have%20switched%20to%20using%20radio%20buttons%2C%20but%20where%20there%20a%20lot%20of%20fields%2C%20the%20business%20doesn't%20always%20want%20this.%20We're%20using%20Microsoft%20Edge%20on%20Windows%2010%20Enterprise%20machines.%20Clearing%20browser%20data%20does%20not%20change%20the%20results.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIdeas%20as%20to%20why%20this%20is%20now%20failing%3F%20The%20image%20below%20shows%20the%20behavior.%26nbsp%3B%20Thanks!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222021-03-08_9-14-06.png%22%20style%3D%22width%3A%20541px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261639i58773D43DF381B86%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222021-03-08_9-14-06.png%22%20alt%3D%222021-03-08_9-14-06.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2193504%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Contributor

In the last week, we've started seeing drop-downs with long choice text fields wrapping the text where it didn't do that in the past. I have switched to using radio buttons, but where there a lot of fields, the business doesn't always want this. We're using Microsoft Edge on Windows 10 Enterprise machines. Clearing browser data does not change the results.

 

Ideas as to why this is now failing? The image below shows the behavior.  Thanks!

 

2021-03-08_9-14-06.png

2 Replies
For anyone who needs multi-select (which are required in some of our columns), keep in mind that the radio buttons work-around won't fit that need.
best response confirmed by lindabusdiecker (Contributor)
Solution

Column formatting did the trick. I used a sample from github, sp-dev-list-formatting/text-wrap-format.json at master · pnp/sp-dev-list-formatting · GitHub and then just adjusted to what worked well for us.

Many thanks to @Chris Kent and @Vesa Juvonen for publishing that sample!