[ui5-table] TableCell: Text not selectable in Firefox/Safari

[goodefroi]

Describe the bug
While Chrome allows you to select text in tables just fine, Firefox and Safari won't, even with user-select set to text. This problem ist most likely related to this upstream issue; however, the mentioned workaround using <span> tags does not appear to work with the React wrapper.

Isolated Example
Isolated example on codesandbox.io.

Expected behavior
Text selection works as it would with standard text in Chrome, Firefox, and Safari.

UI5 Web Components for React Information
@ui5/webcomponents version: 1.0.0-rc14
@ui5/webcomponents-react version: 0.16.6
Operating System: macOS 11.4
Browsers: Chrome 91, Firefox 89, Safari 14.1

[Lukas742]

Hi @goodefroi

the workaround seems to be only functioning with Chromium based browsers, since this is also applying for pure webcomponents (see this codesandbox for reference), I'm going to forward this issue to our UI5 Webcomponents colleagues.

[georgimkv]

Hi @SAP/ui5-webcomponents-topic-rd
This issue is about not being able to select text in the component.

There exists a workaround which was good enough for the last time this issue came up in #1163.
The workaround was - wrap the text in a span element and you can now select the text, but only in Chrome.
Sample with and without the span: https://codesandbox.io/s/ui5-webcomponents-forked-33cvy?file=/index.html

Can you see how this issue can be fixed?

Kind regards,
Georgi

[AndrianStoikov]

Hello,

Is it possible to take a look at this issue? We at RBSC hit it as well.

Best regards,
Andy

[ilhan007]

Hello @goodefroi the fix has been released with 1.0.0-rc.15.

Note: there are a lot of breaking changes that have to be adopted before upgrading to RC.15
See the BREAKING_CHANGE section: https://github.com/SAP/ui5-webcomponents/releases/tag/v1.0.0-rc.15