aboutsummaryrefslogtreecommitdiff
path: root/site/docs/4.3/components
diff options
context:
space:
mode:
authorXhmikosR <[email protected]>2019-02-19 16:44:55 +0200
committerXhmikosR <[email protected]>2019-02-20 22:05:45 +0200
commit089e3334a710ae5fddea3ec5bb1a83a8f786196c (patch)
tree40ae885e0d9156f3f0e5fe29bcf6de2f5b2f9a9d /site/docs/4.3/components
parent7f7f858cb907da0c67b00cf6fc80f5dc1108cba0 (diff)
downloadbootstrap-089e3334a710ae5fddea3ec5bb1a83a8f786196c.tar.xz
bootstrap-089e3334a710ae5fddea3ec5bb1a83a8f786196c.zip
Remove Internet Explorer leftovers.
Diffstat (limited to 'site/docs/4.3/components')
-rw-r--r--site/docs/4.3/components/forms.md11
-rw-r--r--site/docs/4.3/components/media-object.md9
2 files changed, 2 insertions, 18 deletions
diff --git a/site/docs/4.3/components/forms.md b/site/docs/4.3/components/forms.md
index e655e2158..828bffca9 100644
--- a/site/docs/4.3/components/forms.md
+++ b/site/docs/4.3/components/forms.md
@@ -732,17 +732,10 @@ Add the `disabled` attribute to a `<fieldset>` to disable all the controls withi
{% capture callout %}
##### Caveat with anchors
-By default, browsers will treat all native form controls (`<input>`, `<select>` and `<button>` elements) inside a `<fieldset disabled>` as disabled, preventing both keyboard and mouse interactions on them. However, if your form also includes `<a ... class="btn btn-*">` elements, these will only be given a style of `pointer-events: none`. As noted in the section about [disabled state for buttons]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/buttons/#disabled-state) (and specifically in the sub-section for anchor elements), this CSS property is not yet standardized and isn't fully supported in Internet Explorer 10, and won't prevent keyboard users from being able to focus or activate these links. So to be safe, use custom JavaScript to disable such links.
+By default, browsers will treat all native form controls (`<input>`, `<select>` and `<button>` elements) inside a `<fieldset disabled>` as disabled, preventing both keyboard and mouse interactions on them. However, if your form also includes `<a ... class="btn btn-*">` elements, these will only be given a style of `pointer-events: none`.
{% endcapture %}
{% include callout.html content=callout type="warning" %}
-{% capture callout %}
-#### Cross-browser compatibility
-
-While Bootstrap will apply these styles in all browsers, Internet Explorer 11 and below don't fully support the `disabled` attribute on a `<fieldset>`. Use custom JavaScript to disable the fieldset in these browsers.
-{% endcapture %}
-{% include callout.html content=callout type="danger" %}
-
## Validation
Provide valuable, actionable feedback to your users with HTML5 form validation–[available in all our supported browsers](https://caniuse.com/#feat=form-validation). Choose from the browser default validation feedback, or implement custom messages with our built-in classes and starter JavaScript.
@@ -1297,7 +1290,7 @@ As is the `size` attribute:
### Range
-Create custom `<input type="range">` controls with `.custom-range`. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only IE and Firefox support "filling" their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.
+Create custom `<input type="range">` controls with `.custom-range`. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only Firefox supports "filling" their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.
{% capture example %}
<label for="customRange1">Example range</label>
diff --git a/site/docs/4.3/components/media-object.md b/site/docs/4.3/components/media-object.md
index 32628e723..0fbaf150b 100644
--- a/site/docs/4.3/components/media-object.md
+++ b/site/docs/4.3/components/media-object.md
@@ -23,15 +23,6 @@ Below is an example of a single media object. Only two classes are required—th
{% endcapture %}
{% include example.html content=example %}
-{% capture callout %}
-##### Flexbug #12: Inline elements aren't treated as flex items
-
-Internet Explorer 10-11 do not render inline elements like links or images (or `::before` and `::after` pseudo-elements) as flex items. The only workaround is to set a non-inline `display` value (e.g., `block`, `inline-block`, or `flex`). We suggest using `.d-flex`, one of our [display utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/display/), as an easy fix.
-
-**Source:** [Flexbugs on GitHub](https://github.com/philipwalton/flexbugs#flexbug-12)
-{% endcapture %}
-{% include callout.html content=callout type="warning" %}
-
## Nesting
Media objects can be infinitely nested, though we suggest you stop at some point. Place nested `.media` within the `.media-body` of a parent media object.