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

Text input not clickable when vuejs bootstrap modal is open #1337

Closed
WillGoldstein opened this issue Dec 11, 2018 · 3 comments
Closed

Text input not clickable when vuejs bootstrap modal is open #1337

WillGoldstein opened this issue Dec 11, 2018 · 3 comments

Comments

@WillGoldstein
Copy link

Current behavior

When you have a <b-modal> and then try to use a swal on top of it with an input, the user cannot select the input. Very similar as #374, but this is with vue and therefore you cannot use the solution found in that issue.

Expected behavior

Input should be accessible. Problem of course is bootstrap takes over the focus.

@WillGoldstein WillGoldstein changed the title Text input not clickable when vuejs bootstrap modal Text input not clickable when vuejs bootstrap modal is open Dec 11, 2018
@gverni
Copy link
Contributor

gverni commented Dec 11, 2018

Hi @Farbed could you provide a live example (see https://github.com/sweetalert2/sweetalert2/wiki/How-to-provide-live-example-for-issue for more information) to help us understand / debug the problem?

@WillGoldstein
Copy link
Author

I don't really know how. It's relatively straight forward tho - instead of using bootstrap modal like #374, I'm using Bootstrap vue js: https://bootstrap-vue.js.org/docs/components/modal/. Since it's vue you cannot fix this the same way as you can with the javascript/jquery fix.

@WillGoldstein
Copy link
Author

Sorry, closing this. using the prop no-enforce-focus on b-modal does the needful.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants