Fix invisible input fields
Change-Id: I456b81d6d05e78ab638013eade014a34cc8d08ca
diff --git a/dev/js/src/init.js b/dev/js/src/init.js
index b5c3baf..ee8f364 100644
--- a/dev/js/src/init.js
+++ b/dev/js/src/init.js
@@ -685,6 +685,7 @@
const input = form.addE("input");
input.setAttribute("type","text");
input.setAttribute("name","state");
+ input.setAttribute("id","state");
const url = new URL(window.location.href);
diff --git a/dev/scss/header/header.scss b/dev/scss/header/header.scss
index c3578b6..0d6f899 100644
--- a/dev/scss/header/header.scss
+++ b/dev/scss/header/header.scss
@@ -300,8 +300,12 @@
input {
@include mixins.input-field;
- display: none;
+ }
+ // Don't show cq input field,
+ // in javascript mode.
+ #cq {
+ display: none;
.no-js & {
display: inline-block;
}
diff --git a/dev/scss/header/state.scss b/dev/scss/header/state.scss
index db1b33e..4c19e07 100644
--- a/dev/scss/header/state.scss
+++ b/dev/scss/header/state.scss
@@ -3,6 +3,6 @@
*/
// Hide state
-input[name=state] {
+#state {
display: none;
}