I am using ion-select with ion-select-option in ionic v5. My problem is that when the text is selected it is displayed within a div of class select-text that is part of a shadow dom. The text has the css white-space:nowrap so I cannot see all of the text. See example image.
As it stands it is very difficult to make any sense of the selected text without recourse to reopening the popup, which is not easy for 15 odd questions.
I would like to have multi-line text and control it myself, similar to:
This has been done within a web emulator using chromium.
I have found the code that generates the select-text (ion-select_3-md.entry.js) and the white-space css is not built from a variable and it is not inherited. Here is an extract: .select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}. So short of changing the md and ios code how can I achieve having wrapped selected text?
Any help would be much appreciated.
1 post - 1 participant