Update known issues comment. #88

10 files changed, 63 insertions, 169 deletions

diff --git a/test/fixtures/fork-versions/default/output.css b/test/fixtures/fork-versions/default/output.css
index 4660414..5c89210 100644
--- a/test/fixtures/fork-versions/default/output.css
+++ b/test/fixtures/fork-versions/default/output.css
@@ -205,22 +205,31 @@ svg:not(:root) {
    ========================================================================== */
 /**
  * Known issues:
- * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
+ * - `select`:
+ *   By default, Chrome on OS X and Safari on OS X allow very limited styling of
  *   select, unless a border property is set. The default font weight on
  *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
  *   OS X.
- * - It is recommended that you do not style checkbox and radio inputs as
+ * - `[type="checkbox"]`:
+ *   It is recommended that you do not style checkbox and radio inputs as
  *   Firefox's implementation does not respect box-sizing, padding, or width.
- * - Certain font size values applied to number inputs cause the cursor style of
- *   the decrement button to change from default to text.
- * - The search input is not fully stylable by default. In Chrome and Safari on
- *   OSX/iOS you can't control font, padding, border, or background. In Chrome
- *   and Safari on Windows you can't control border properly. It will apply
- *   border-width but will only show a border color (which cannot be controlled)
- *   for the outer 1px of that border. Applying -webkit-appearance: textfield
- *   addresses these issues without removing the benefits of search inputs (e.g.
- *   showing past searches). Safari (but not Chrome) will clip the cancel button
- *   on when it has padding (and textfield appearance).
+ * - `[type="number"]`:
+ *   Certain font size values applied to number inputs cause the cursor style of
+ *   the decrement button to change from `default` to `text`.
+ * - `[type="search"]`:
+ *   The search input is not fully stylable by default. In Chrome and Safari on
+ *   OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
+ *   Chrome and Safari on Windows you can't control `border` properly. It will
+ *   apply `border-width` but will only show a border color (which cannot be
+ *   controlled) for the outer 1px of that border. Applying
+ *   `-webkit-appearance: textfield` addresses these issues without removing the
+ *   benefits of search inputs (e.g. showing past searches). Safari (but not
+ *   Chrome) will clip the cancel button on when it has padding (and `textfield`
+ *   appearance).
+ * - `::placeholder`:
+ *   In Edge, placeholders will disappear on `relative` or `absolute` positioned
+ *   `<input>` elements if you use `opacity` less than `1` due to a
+ *   [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/).
  */
 /**
  * 1. Change the font styles in all browsers (opinionated).
diff --git a/test/fixtures/fork-versions/deprecated-compass/output.css b/test/fixtures/fork-versions/deprecated-compass/output.css
index 395db29..d99d989 100644
--- a/test/fixtures/fork-versions/deprecated-compass/output.css
+++ b/test/fixtures/fork-versions/deprecated-compass/output.css
@@ -218,22 +218,31 @@ svg:not(:root) {
    ========================================================================== */
 /**
  * Known issues:
- * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
+ * - `select`:
+ *   By default, Chrome on OS X and Safari on OS X allow very limited styling of
  *   select, unless a border property is set. The default font weight on
  *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
  *   OS X.
- * - It is recommended that you do not style checkbox and radio inputs as
+ * - `[type="checkbox"]`:
+ *   It is recommended that you do not style checkbox and radio inputs as
  *   Firefox's implementation does not respect box-sizing, padding, or width.
- * - Certain font size values applied to number inputs cause the cursor style of
- *   the decrement button to change from default to text.
- * - The search input is not fully stylable by default. In Chrome and Safari on
- *   OSX/iOS you can't control font, padding, border, or background. In Chrome
- *   and Safari on Windows you can't control border properly. It will apply
- *   border-width but will only show a border color (which cannot be controlled)
- *   for the outer 1px of that border. Applying -webkit-appearance: textfield
- *   addresses these issues without removing the benefits of search inputs (e.g.
- *   showing past searches). Safari (but not Chrome) will clip the cancel button
- *   on when it has padding (and textfield appearance).
+ * - `[type="number"]`:
+ *   Certain font size values applied to number inputs cause the cursor style of
+ *   the decrement button to change from `default` to `text`.
+ * - `[type="search"]`:
+ *   The search input is not fully stylable by default. In Chrome and Safari on
+ *   OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
+ *   Chrome and Safari on Windows you can't control `border` properly. It will
+ *   apply `border-width` but will only show a border color (which cannot be
+ *   controlled) for the outer 1px of that border. Applying
+ *   `-webkit-appearance: textfield` addresses these issues without removing the
+ *   benefits of search inputs (e.g. showing past searches). Safari (but not
+ *   Chrome) will clip the cancel button on when it has padding (and `textfield`
+ *   appearance).
+ * - `::placeholder`:
+ *   In Edge, placeholders will disappear on `relative` or `absolute` positioned
+ *   `<input>` elements if you use `opacity` less than `1` due to a
+ *   [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/).
  */
 /**
  * 1. Change the font styles in all browsers (opinionated).
diff --git a/test/fixtures/fork-versions/typey/output.css b/test/fixtures/fork-versions/typey/output.css
index 717bfaf..0ddace9 100644
--- a/test/fixtures/fork-versions/typey/output.css
+++ b/test/fixtures/fork-versions/typey/output.css
@@ -270,22 +270,31 @@ svg:not(:root) {
    ========================================================================== */
 /**
  * Known issues:
- * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
+ * - `select`:
+ *   By default, Chrome on OS X and Safari on OS X allow very limited styling of
  *   select, unless a border property is set. The default font weight on
  *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
  *   OS X.
- * - It is recommended that you do not style checkbox and radio inputs as
+ * - `[type="checkbox"]`:
+ *   It is recommended that you do not style checkbox and radio inputs as
  *   Firefox's implementation does not respect box-sizing, padding, or width.
- * - Certain font size values applied to number inputs cause the cursor style of
- *   the decrement button to change from default to text.
- * - The search input is not fully stylable by default. In Chrome and Safari on
- *   OSX/iOS you can't control font, padding, border, or background. In Chrome
- *   and Safari on Windows you can't control border properly. It will apply
- *   border-width but will only show a border color (which cannot be controlled)
- *   for the outer 1px of that border. Applying -webkit-appearance: textfield
- *   addresses these issues without removing the benefits of search inputs (e.g.
- *   showing past searches). Safari (but not Chrome) will clip the cancel button
- *   on when it has padding (and textfield appearance).
+ * - `[type="number"]`:
+ *   Certain font size values applied to number inputs cause the cursor style of
+ *   the decrement button to change from `default` to `text`.
+ * - `[type="search"]`:
+ *   The search input is not fully stylable by default. In Chrome and Safari on
+ *   OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
+ *   Chrome and Safari on Windows you can't control `border` properly. It will
+ *   apply `border-width` but will only show a border color (which cannot be
+ *   controlled) for the outer 1px of that border. Applying
+ *   `-webkit-appearance: textfield` addresses these issues without removing the
+ *   benefits of search inputs (e.g. showing past searches). Safari (but not
+ *   Chrome) will clip the cancel button on when it has padding (and `textfield`
+ *   appearance).
+ * - `::placeholder`:
+ *   In Edge, placeholders will disappear on `relative` or `absolute` positioned
+ *   `<input>` elements if you use `opacity` less than `1` due to a
+ *   [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/).
  */
 /**
  * 1. Change the font styles in all browsers (opinionated).
diff --git a/test/fixtures/import-now/output.css b/test/fixtures/import-now/output.css
index e3c0a62..429af58 100644
--- a/test/fixtures/import-now/output.css
+++ b/test/fixtures/import-now/output.css
@@ -214,25 +214,6 @@ svg:not(:root) {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */
diff --git a/test/fixtures/normalize/exclude-multiple/output.css b/test/fixtures/normalize/exclude-multiple/output.css
index a5f32e4..bb64a34 100644
--- a/test/fixtures/normalize/exclude-multiple/output.css
+++ b/test/fixtures/normalize/exclude-multiple/output.css
@@ -143,25 +143,6 @@ sup {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */
diff --git a/test/fixtures/normalize/exclude-string/output.css b/test/fixtures/normalize/exclude-string/output.css
index a0283ce..4c677fc 100644
--- a/test/fixtures/normalize/exclude-string/output.css
+++ b/test/fixtures/normalize/exclude-string/output.css
@@ -214,25 +214,6 @@ svg:not(:root) {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */
diff --git a/test/fixtures/variables/default/output.css b/test/fixtures/variables/default/output.css
index e3c0a62..429af58 100644
--- a/test/fixtures/variables/default/output.css
+++ b/test/fixtures/variables/default/output.css
@@ -214,25 +214,6 @@ svg:not(:root) {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */
diff --git a/test/fixtures/variables/font/output.css b/test/fixtures/variables/font/output.css
index 534aa32..9f42c91 100644
--- a/test/fixtures/variables/font/output.css
+++ b/test/fixtures/variables/font/output.css
@@ -276,25 +276,6 @@ svg:not(:root) {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */
diff --git a/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css b/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css
index 05315d2..013be00 100644
--- a/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css
+++ b/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css
@@ -276,25 +276,6 @@ svg:not(:root) {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */
diff --git a/test/fixtures/variables/indent-amount/output.css b/test/fixtures/variables/indent-amount/output.css
index 38292d9..be92ac7 100644
--- a/test/fixtures/variables/indent-amount/output.css
+++ b/test/fixtures/variables/indent-amount/output.css
@@ -214,25 +214,6 @@ svg:not(:root) {
 /* Forms
        ========================================================================== */
 /**
-     * Known issues:
-     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
-     *   select, unless a border property is set. The default font weight on
-     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
-     *   OS X.
-     * - It is recommended that you do not style checkbox and radio inputs as
-     *   Firefox's implementation does not respect box-sizing, padding, or width.
-     * - Certain font size values applied to number inputs cause the cursor style of
-     *   the decrement button to change from default to text.
-     * - The search input is not fully stylable by default. In Chrome and Safari on
-     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
-     *   and Safari on Windows you can't control border properly. It will apply
-     *   border-width but will only show a border color (which cannot be controlled)
-     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
-     *   addresses these issues without removing the benefits of search inputs (e.g.
-     *   showing past searches). Safari (but not Chrome) will clip the cancel button
-     *   on when it has padding (and textfield appearance).
-     */
-/**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      */