Bootstrap 4 - early escape freezes options to close modal

advania

We have users that mis-click and want to immediately escape getting an effectively a frozen window and have to reload the page.

To replicate if you use the example https://editor.datatables.net/examples/styling/bootstrap4.html and click escape right after 'new' or 'edit'.

This behavior is not observed on the Bootstrap 4 modal example pages (https://www.w3schools.com/bootstrap4/bootstrap_modal.asp / https://getbootstrap.com/docs/4.0/components/modal/ ) nor with Bootstrap 3 example page for data tables editor.

colin

Hi @advania ,

I don't follow, sorry. If I

1. go to that first link you posted,
2. click 'New'
3. Hit the 'Esc' key

nothing is frozen for me. If I'm following the steps incorrectly, please could you correct me, or give more information on how you're seeing it (browser, OS, etc).

Cheers,

Colin

advania

Hey,

Windows 10 Enterprise,
Chrome Version 65.0.3325.181 (Official Build) (64-bit) and Firefox 60.0.1 (64-bit).

Other users can replicate this easily as well, you have to hit the escape key really fast as if you want to instantly cancel.. ex because user mis-clicked edit or new.

colin

Got it... yep, agreed, that looks wonky. It's that speed thing that's the issue

colin

Hi again @advania ,

I've raised this as case number #529, when it's fixed we'll update the forum here. It's currently marked for being resolved in the next patch.

Cheers,

Colin

advania

thanks for that, we'll be on the lookout for the next patch.

allan

I've just committed the fix for this and it will be in 1.7.4 which will ship this week.

Regards,
Allan