How To Remove Autofocus In BootBox

Question

While using Bootstrap 2.3, Bootbox and viewing the result in Google Chrome on Ubuntu you get a less than appealing border around the button because it is auto-focused. I havent found any api hooks to trigger a blur event once the modal is shown. Is there a way to remove the autofocus with javascript alone or maybe just css but without the option to fork the project, remove the autofocus and make it configurable?

bootbox-autofocus

You can inspect and see if there is any class / id applied to button which will help you to select it to trigger blur() event.. — Rahul Patil, Dec 21 '13 at 16:25

score 0 · Answer 1 · answered Dec 11 '18 at 12:41

0

There is no API hook, but you can do it by attaching a javascript event handler to the alert:

var bbAlert = bootbox.alert('Alert!')

bbAlert.on('shown.bs.modal', function(){
    $('.btn-primary').blur();
});

answered Dec 11 '18 at 12:41

user5493187

212
5
16

How To Remove Autofocus In BootBox

1 Answers1