From e9490b303269e1e3a8174b48411a4673ff1aa605 Mon Sep 17 00:00:00 2001 From: "J. Ryan Stinnett" Date: Wed, 27 Feb 2019 13:23:45 +0000 Subject: [PATCH] Send Field label pointer events to input When the `label` element is displayed on top of the input (`label` is set and there is no `placeholder`), it would block clicks from reaching the input. This allows them to get through, but then also restores `label`'s events once it moves out of the way. Fixes https://github.com/vector-im/riot-web/issues/8469 --- res/css/views/elements/_Field.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss index 075bd28a11..15386ba944 100644 --- a/res/css/views/elements/_Field.scss +++ b/res/css/views/elements/_Field.scss @@ -88,6 +88,7 @@ limitations under the License. top: 0px; margin: 7px 8px; padding: 2px; + pointer-events: none; // Allow clicks to fall through to the input } .mx_Field input:focus + label, @@ -104,6 +105,7 @@ limitations under the License. top: -13px; padding: 0 2px; background-color: $field-focused-label-bg-color; + pointer-events: initial; } .mx_Field input:focus + label,