input not working in bootstrap 5 modal

simonwep / pickr

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

https://simonwep.github.io/pickr

MIT License

4.32k stars 284 forks source link

input not working in bootstrap 5 modal #317

Open Shinsekai7 opened 2 years ago

Shinsekai7 commented 2 years ago

I am using the plugin with the bootstrap 5 modal and when I click inside the input is not working, instead, the modal's X button is selected. Here is an example of the issue https://codepen.io/s3739/pen/popxvJd

av01d commented 1 year ago

I experience the same issue...

AgentSmith0 commented 1 year ago

This happens because the color picker input is outside of the modal. Probably related to this issue: https://github.com/twbs/bootstrap/issues/38515

sanjogs commented 8 months ago

We are experiencing same issue. Seems to be caused by focus trapping mechanism of bootstrap modal. Has anyone found a workaround?

AgentSmith0 commented 6 months ago

Workaround to disable focustrap on modal can be found here: https://github.com/twbs/bootstrap/issues/38515