fix: use opacity: 0 and appearance: none of form elements

Westbrook · GarthDB · commit 14c7fcf82a24 · 2021-10-07T12:21:03.000-06:00
diff --git a/components/colorarea/index.css b/components/colorarea/index.css
@@ -1,5 +1,5 @@
 %spectrum-ColorControl-hiddenField {
-  opacity: 0.0001;
+  opacity: 0;
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
diff --git a/components/colorslider/index.css b/components/colorslider/index.css
@@ -18,7 +18,7 @@
 }
 
 %spectrum-ColorControl-hiddenField {
-  opacity: 0.0001;
+  opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
diff --git a/components/colorwheel/index.css b/components/colorwheel/index.css
@@ -18,7 +18,7 @@
 /** index.css (scale dependent) */
 
 %spectrum-ColorControl-hiddenField {
-  opacity: 0.0001;
+  opacity: 0;
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
diff --git a/components/radio/index.css b/components/radio/index.css
@@ -76,7 +76,7 @@ governing permissions and limitations under the License.
   inline-size: 100%;
   block-size: 100%;
 
-  opacity: 0.0001;
+  opacity: 0;
   z-index: 1;
 
   cursor: pointer;
diff --git a/components/rating/index.css b/components/rating/index.css
@@ -66,7 +66,7 @@ governing permissions and limitations under the License.
   inline-size: 100%;
   block-size: 100%;
   margin: 0;
-  opacity: 0.0001;
+  opacity: 0;
   pointer-events: none;
 }
 
diff --git a/components/switch/index.css b/components/switch/index.css
@@ -59,7 +59,7 @@ governing permissions and limitations under the License.
   block-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
-  opacity: 0.0001;
+  opacity: 0;
   z-index: 1;
 
   cursor: pointer;

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`%spectrum-ColorControl-hiddenField {`
`21`		`- opacity: 0.0001;`
	`21`	`+ opacity: 0;`
`22`	`22`	`position: absolute;`
`23`	`23`	`top: 0;`
`24`	`24`	`left: 0;`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ governing permissions and limitations under the License.`
`66`	`66`	`inline-size: 100%;`
`67`	`67`	`block-size: 100%;`
`68`	`68`	`margin: 0;`
`69`		`- opacity: 0.0001;`
	`69`	`+ opacity: 0;`
`70`	`70`	`pointer-events: none;`
`71`	`71`	`}`
`72`	`72`