0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00

Follow-up to #14581: Use div instead of HTML5 section for IE8

This commit is contained in:
Heinrich Fenkart 2014-09-17 23:33:22 +02:00
parent db9e8ee813
commit 3beeb32bb0

View File

@ -385,17 +385,17 @@ $(function () {
test('should position tip on top if viewport has enough space and placement is "auto top"', function () { test('should position tip on top if viewport has enough space and placement is "auto top"', function () {
var styles = '<style>' var styles = '<style>'
+ 'body { padding-top: 100px; }' + 'body { padding-top: 100px; }'
+ 'section { height: 300px; border: 1px solid red; padding-top: 50px }' + '#section { height: 300px; border: 1px solid red; padding-top: 50px }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }' + 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>' + '</style>'
var $styles = $(styles).appendTo('head') var $styles = $(styles).appendTo('head')
var $container = $('<section/>').appendTo('#qunit-fixture') var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>') var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container) .appendTo($container)
.bootstrapTooltip({ .bootstrapTooltip({
placement: 'auto top', placement: 'auto top',
viewport: 'section' viewport: '#section'
}) })
$target.bootstrapTooltip('show') $target.bootstrapTooltip('show')
@ -410,17 +410,17 @@ $(function () {
test('should position tip on bottom if the tip\'s dimension exceeds the viewport area and placement is "auto top"', function () { test('should position tip on bottom if the tip\'s dimension exceeds the viewport area and placement is "auto top"', function () {
var styles = '<style>' var styles = '<style>'
+ 'body { padding-top: 100px; }' + 'body { padding-top: 100px; }'
+ 'section { height: 300px; border: 1px solid red; }' + '#section { height: 300px; border: 1px solid red; }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }' + 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>' + '</style>'
var $styles = $(styles).appendTo('head') var $styles = $(styles).appendTo('head')
var $container = $('<section/>').appendTo('#qunit-fixture') var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>') var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container) .appendTo($container)
.bootstrapTooltip({ .bootstrapTooltip({
placement: 'auto top', placement: 'auto top',
viewport: 'section' viewport: '#section'
}) })
$target.bootstrapTooltip('show') $target.bootstrapTooltip('show')