From 8c1160d91bf0a7599a1b519592829dfb396fd847 Mon Sep 17 00:00:00 2001 From: Bas Bosman Date: Thu, 19 Jun 2014 11:26:55 +0200 Subject: Document IE8 font-face weirdness --- docs/_includes/getting-started/browser-device-support.html | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index 1a1236440..4140a9c22 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -106,6 +106,9 @@

Internet Explorer 8 and box-sizing

IE8 does not fully support box-sizing: border-box; when combined with min-width, max-width, min-height, or max-height. For that reason, as of v3.0.1, we no longer use max-width on .containers.

+

Internet Explorer 8 and @font-face

+

IE8 has some issues with @font-face when combined with :before. Bootstrap uses that combination with its Glyphicons. If a page is cached, and loaded without the mouse over the window (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well. See issue #13863 for details.

+

IE Compatibility modes

Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate <meta> tag in your pages:

{% highlight html %} -- cgit v1.2.3 From afbe7114b4a362b6cae008328343d9e568c03457 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 2 Jul 2014 17:09:13 -0700 Subject: clarify the iOS virtual keyboard bug with respect to navbars --- docs/_includes/getting-started/browser-device-support.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index 4140a9c22..0c7c1a4a9 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -158,7 +158,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {

Overflow and scrolling

Support for overflow: hidden on the <body> element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the <body> content will begin to scroll.

Virtual keyboards

-

Also, note that if you're using inputs in your modal or navbar, iOS has a rendering bug that doesn't update the position of fixed elements when the virtual keyboard is triggered. A few workarounds for this include transforming your elements to position: absolute or invoking a timer on focus to try to correct the positioning manually. This is not handled by Bootstrap, so it is up to you to decide which solution is best for your application.

+

Also, note that if you're using a fixed navbar or using inputs within a modal, iOS has a rendering bug that doesn't update the position of fixed elements when the virtual keyboard is triggered. A few workarounds for this include transforming your elements to position: absolute or invoking a timer on focus to try to correct the positioning manually. This is not handled by Bootstrap, so it is up to you to decide which solution is best for your application.

Navbar Dropdowns

The .dropdown-backdrop element isn't used on iOS in the nav because of the complexity of z-indexing. Thus, to close dropdowns in navbars, you must directly click the dropdown element (or any other element which will fire a click event in iOS).

-- cgit v1.2.3 From 2000e854ed92de8986a990fd1ae20c62b84b05be Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jul 2014 17:23:51 -0700 Subject: New Android select example Fixes #14114 --- docs/_includes/getting-started/browser-device-support.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index 0c7c1a4a9..eaf18b1da 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -188,5 +188,5 @@ $(function () { }) {% endhighlight %} -

Want to see an example? Check out this JS Bin demo.

+

Want to see an example? Check out this JS Bin demo.

-- cgit v1.2.3 From 62d6d69c201f8c100700f616489226cb586c9e73 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jul 2014 17:26:43 -0700 Subject: Use bootstrapcdn links --- docs/_includes/getting-started/browser-device-support.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index eaf18b1da..708bd94a4 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -188,5 +188,5 @@ $(function () { }) {% endhighlight %} -

Want to see an example? Check out this JS Bin demo.

+

Want to see an example? Check out this JS Bin demo.

-- cgit v1.2.3 From 5c1746c556753a19a980ab13d0ce23daebb6022f Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 14 Jul 2014 14:50:53 -0700 Subject: fix #14114 mo' betta --- docs/_includes/getting-started/browser-device-support.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index 708bd94a4..6e5bd5765 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -188,5 +188,5 @@ $(function () { }) {% endhighlight %} -

Want to see an example? Check out this JS Bin demo.

+

Want to see an example? Check out this JS Bin demo.

-- cgit v1.2.3 From aa730472549087e9a1a76d4031d7f54867372097 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jul 2014 09:28:48 -0700 Subject: Another new js bin link /cc @cvrebert @hnrch02 --- docs/_includes/getting-started/browser-device-support.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index 6e5bd5765..4722bd2c4 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -188,5 +188,5 @@ $(function () { }) {% endhighlight %} -

Want to see an example? Check out this JS Bin demo.

+

Want to see an example? Check out this JS Bin demo.

-- cgit v1.2.3 From d7c92a0f08681e9e0753fcc57a54ddccf4e7e42e Mon Sep 17 00:00:00 2001 From: Bas Bosman Date: Tue, 15 Jul 2014 19:55:28 +0200 Subject: Fix jsbin link --- docs/_includes/getting-started/browser-device-support.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/getting-started/browser-device-support.html') diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html index 4722bd2c4..6dde94bdb 100644 --- a/docs/_includes/getting-started/browser-device-support.html +++ b/docs/_includes/getting-started/browser-device-support.html @@ -188,5 +188,5 @@ $(function () { }) {% endhighlight %} -

Want to see an example? Check out this JS Bin demo.

+

Want to see an example? Check out this JS Bin demo.

-- cgit v1.2.3