Fix #1904 and #1969

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a20024bcaf9b386a6cc3f97197c082646209fb90..365071c5816c54843ac886560126a416dfbaaedd 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -30,6 +30,7 @@
 * Fix #1991 The last button in list of full-width buttons has longer width
 * #1982 Fix navbar-burger color when color modifier is used
 * #1819 Fix #1137 error message for required file
+* Fix #1904 and #1969: hide native file input in Chrome
 
 ## 0.7.1
 

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index e9abdc79af22001023af2cea4dfba6ab316de63d..1ac857dc5bcc502a41bd549e49caf557955ba314 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -3856,6 +3856,7 @@ a.box:active {
 .file-input {
   height: 100%;
   left: 0;
+  opacity: 0;
   outline: none;
   position: absolute;
   top: 0;

diff --git a/sass/elements/form.sass b/sass/elements/form.sass
index f1faca03cf42da98d4dd682b150f9b99ebc8e593..9d717cf7815b95f5c36571615be4dd9081a079e9 100644 (file)
--- a/sass/elements/form.sass
+++ b/sass/elements/form.sass
@@ -356,6 +356,7 @@ $help-size: $size-small !default
 .file-input
   height: 100%
   left: 0
+  opacity: 0
   outline: none
   position: absolute
   top: 0