[Accordion] Can't select text inside summary

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I can’t select text inside expansion panel summary

Expected Behavior 🤔

I should be able to select text inside expansion panel summary

Steps to Reproduce 🕹

Go here https://material-ui.com/components/expansion-panels/ and try to select text Expansion Panel 1

Context 🔦

Improve UX for our users

Your Environment 🌎

Tech	Version
Material-UI	v4.9.11
React	16.9.0
Browser	chrome
TypeScript	3.8.3
etc.

[eps1lon]

I just think most texts should be selectable, I’m gonna add this css in our components, thanks

That’s fine. We just try to be as close to the native UI as possible and don’t have the bandwidth to do extensive UX research if button text should actually be text-selectable or not. We have to rely on specialists and as far as I can tell every button(-like) element disables text-selection by default.

But there are obviously use cases where you want to allow it regardless and nobody is saying that these are invalid. Otherwise we wouldn’t have user-select.

[eps1lon]

Thanks for opening this issue. I’m generally a big fan of having as much text-selectable as possible but this does not apply to general audiences.

These are buttons (following WAI-ARIA APG Accordion) which generally do not allow text selection.

You can add user-select: text to these elements but you would need to prevent the click behavior if you detected that the user only selects the text and doesn’t want to select text. But your users may encounter some edge cases where they intend to click but accidentally select.

Can you add some more context why your users expect to be able to select text from button-like elements?