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

Using ckeditor in Dialog #17165

Closed
thiagoreri opened this issue Sep 26, 2024 · 6 comments
Closed

Using ckeditor in Dialog #17165

thiagoreri opened this issue Sep 26, 2024 · 6 comments
Labels
resolution:resolved This issue was already resolved (e.g. by another ticket). type:bug This issue reports a buggy (incorrect) behavior.

Comments

@thiagoreri
Copy link

📝 Provide detailed reproduction steps (if any)

  1. When I use ckeditor within a dialog, the link shortcut doesn't work very well

image

The dialog box appears hidden

@thiagoreri thiagoreri added the type:bug This issue reports a buggy (incorrect) behavior. label Sep 26, 2024
@OxManny-Dev
Copy link

Add a custom CSS and update the variable they created for the z-index.

something like this

:root { --ck-z-default: 800; }

@thiagoreri
Copy link
Author

OK, now it's at the front, but when I click to type the text, the focus goes to the textarea as if the input was unavailable.

image

@OxManny-Dev
Copy link

OxManny-Dev commented Sep 26, 2024

Which library are you using? If it's material-ui, add a prop called "disableEnforceFocus" to the dialog and set it to true.

@thiagoreri
Copy link
Author

Quasar Framework

https://quasar.dev/

@OxManny-Dev
Copy link

Looks like there's a directive you can pass called "allow-focus-outside".
Docs says it here
https://quasar.dev/vue-components/dialog

@thiagoreri
Copy link
Author

Perfect, thanks

@Witoso Witoso added the resolution:resolved This issue was already resolved (e.g. by another ticket). label Oct 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
resolution:resolved This issue was already resolved (e.g. by another ticket). type:bug This issue reports a buggy (incorrect) behavior.
Projects
None yet
Development

No branches or pull requests

3 participants