1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-05 13:17:32 +02:00

add proper role to dialog markup and cleanup modal logging

This commit is contained in:
Jacob Thornton
2012-05-16 19:43:22 -07:00
parent 4b53778150
commit 10c6db4b14
7 changed files with 15 additions and 33 deletions

View File

@@ -4643,15 +4643,15 @@ a.badge:hover {
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease; -webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease; -moz-transition: width 0.6s ease;
-ms-transition: width 0.6s ease; -ms-transition: width 0.6s ease;
-o-transition: width 0.6s ease; -o-transition: width 0.6s ease;
transition: width 0.6s ease; transition: width 0.6s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} }
.progress-striped .bar { .progress-striped .bar {

View File

@@ -95,7 +95,8 @@
$('body').removeClass('modal-open') $('body').removeClass('modal-open')
this.escape() this.escape()
this.relaxFocus()
$(document).off('focusin.modal')
this.$element.removeClass('in') this.$element.removeClass('in')
@@ -106,20 +107,13 @@
, enforceFocus: function () { , enforceFocus: function () {
var that = this var that = this
var console = window.console
console.log('attach');
$(document).on('focusin.modal', function (e) { $(document).on('focusin.modal', function (e) {
console.log('triggered');
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
that.$element.focus() that.$element.focus()
} }
}) })
} }
, relaxFocus: function () {
$(document).off('focus.modal')
}
, escape: function () { , escape: function () {
var that = this var that = this
if (this.isShown && this.options.keyboard) { if (this.isShown && this.options.keyboard) {

View File

@@ -762,7 +762,8 @@
$('body').removeClass('modal-open') $('body').removeClass('modal-open')
this.escape() this.escape()
this.relaxFocus()
$(document).off('focusin.modal')
this.$element.removeClass('in') this.$element.removeClass('in')
@@ -773,20 +774,13 @@
, enforceFocus: function () { , enforceFocus: function () {
var that = this var that = this
var console = window.console
console.log('attach');
$(document).on('focusin.modal', function (e) { $(document).on('focusin.modal', function (e) {
console.log('triggered');
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
that.$element.focus() that.$element.focus()
} }
}) })
} }
, relaxFocus: function () {
$(document).off('focus.modal')
}
, escape: function () { , escape: function () {
var that = this var that = this
if (this.isShown && this.options.keyboard) { if (this.isShown && this.options.keyboard) {

File diff suppressed because one or more lines are too long

View File

@@ -201,10 +201,10 @@
<p>Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.</p> <p>Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.</p>
<!-- sample modal content --> <!-- sample modal content -->
<div id="myModal" class="modal hide fade" tabindex=0> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModal-label">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h3>Modal Heading</h3> <h3 id="myModal-label">Modal Heading</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<h4>Text in a modal</h4> <h4>Text in a modal</h4>

View File

@@ -124,10 +124,10 @@
<p>{{_i}}Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.{{/i}}</p> <p>{{_i}}Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.{{/i}}</p>
<!-- sample modal content --> <!-- sample modal content -->
<div id="myModal" class="modal hide fade" tabindex="0"> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModal-label">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h3>{{_i}}Modal Heading{{/i}}</h3> <h3 id="myModal-label">{{_i}}Modal Heading{{/i}}</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<h4>{{_i}}Text in a modal{{/i}}</h4> <h4>{{_i}}Text in a modal{{/i}}</h4>

10
js/bootstrap-modal.js vendored
View File

@@ -95,7 +95,8 @@
$('body').removeClass('modal-open') $('body').removeClass('modal-open')
this.escape() this.escape()
this.relaxFocus()
$(document).off('focusin.modal')
this.$element.removeClass('in') this.$element.removeClass('in')
@@ -106,20 +107,13 @@
, enforceFocus: function () { , enforceFocus: function () {
var that = this var that = this
var console = window.console
console.log('attach');
$(document).on('focusin.modal', function (e) { $(document).on('focusin.modal', function (e) {
console.log('triggered');
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
that.$element.focus() that.$element.focus()
} }
}) })
} }
, relaxFocus: function () {
$(document).off('focus.modal')
}
, escape: function () { , escape: function () {
var that = this var that = this
if (this.isShown && this.options.keyboard) { if (this.isShown && this.options.keyboard) {