From e6a24b3f1a518aa3d6bf5b99017261ff648954d9 Mon Sep 17 00:00:00 2001 From: m5o Date: Fri, 23 Nov 2018 16:26:50 +0100 Subject: [PATCH 1/2] prevent text selection for floating labels example * prevent text selection for floating labels * expand the click target by no selecting the label text feedback welcome --- site/docs/4.1/examples/floating-labels/floating-labels.css | 1 + 1 file changed, 1 insertion(+) diff --git a/site/docs/4.1/examples/floating-labels/floating-labels.css b/site/docs/4.1/examples/floating-labels/floating-labels.css index c322d9b56850..603a5655b322 100644 --- a/site/docs/4.1/examples/floating-labels/floating-labels.css +++ b/site/docs/4.1/examples/floating-labels/floating-labels.css @@ -41,6 +41,7 @@ body { line-height: 1.5; color: #495057; cursor: text; /* Match the input under the label */ + user-select: none; border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out; From 7885e3105cfc997b58427eb1cf34e393fe1678cb Mon Sep 17 00:00:00 2001 From: m5o Date: Sat, 24 Nov 2018 12:05:52 +0100 Subject: [PATCH 2/2] use pointer-events instead * use `pointer-events: none;` instead of `user-select` * thx @MartijnCuppens --- site/docs/4.1/examples/floating-labels/floating-labels.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/docs/4.1/examples/floating-labels/floating-labels.css b/site/docs/4.1/examples/floating-labels/floating-labels.css index 603a5655b322..d8ad2f3c15db 100644 --- a/site/docs/4.1/examples/floating-labels/floating-labels.css +++ b/site/docs/4.1/examples/floating-labels/floating-labels.css @@ -40,8 +40,8 @@ body { margin-bottom: 0; /* Override default `