Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix text selection in dark mode and modal view #3761

Merged
merged 1 commit into from
Apr 29, 2022
Merged

Conversation

juliushaertl
Copy link
Member

Summary

  • Ensure that text in the modal is selectable (as it is blocked by the modal components touch handling)
  • Fix selection background color in dark mode

@juliushaertl
Copy link
Member Author

/backport to stable24

@juliushaertl
Copy link
Member Author

/backport to stable23

@juliushaertl
Copy link
Member Author

/backport to stable22

@@ -225,6 +225,9 @@ export default {
max-width: calc(100% - #{$modal-padding*2});
padding: 0 14px;
max-height: 100%;
user-select: text;
-webkit-user-select: text;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do you think about the support for other browsers?

-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All recent major browsers should be fine without the prefix except for safari, according to https://caniuse.com/mdn-css_properties_user-select ;)

Signed-off-by: Julius Härtl <jus@bitgrid.net>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Selected text in description is not visible/readable
2 participants