OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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
pull/21833/head
J. Ryan Stinnett 2019-02-27 13:23:45 +00:00
parent 909c6a6d4b
commit e9490b3032
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/elements/_Field.scss
View File

@ -88,6 +88,7 @@ limitations under the License.
top: 0px; top: 0px;
margin: 7px 8px; margin: 7px 8px;
padding: 2px; padding: 2px;
pointer-events: none; // Allow clicks to fall through to the input
} }
.mx_Field input:focus + label, .mx_Field input:focus + label,
@ -104,6 +105,7 @@ limitations under the License.
top: -13px; top: -13px;
padding: 0 2px; padding: 0 2px;
background-color: $field-focused-label-bg-color; background-color: $field-focused-label-bg-color;
pointer-events: initial;
} }
.mx_Field input:focus + label, .mx_Field input:focus + label,