Sweetalert2: Text input not clickable when vuejs bootstrap modal is open

Created on 11 Dec 2018  路  3Comments  路  Source: sweetalert2/sweetalert2

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.

Most helpful comment

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

All 3 comments

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?

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.

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Spidersouris picture Spidersouris  路  3Comments

Xosmond picture Xosmond  路  3Comments

kimmanwky picture kimmanwky  路  3Comments

limonte picture limonte  路  3Comments

jharrvis picture jharrvis  路  3Comments