prevent text selection for floating labels example (#27719)

* prevent text selection for floating labels
  * expand the click target by no selecting the label text
* use `pointer-events: none;` instead of `user-select`
  * thx @MartijnCuppens

1 files changed, 1 insertions, 0 deletions

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 c322d9b56..d8ad2f3c1 100644
--- a/site/docs/4.1/examples/floating-labels/floating-labels.css
+++ b/site/docs/4.1/examples/floating-labels/floating-labels.css
@@ -40,6 +40,7 @@ body {
   margin-bottom: 0; /* Override default `<label>` margin */
   line-height: 1.5;
   color: #495057;
+  pointer-events: none;
   cursor: text; /* Match the input under the label */
   border: 1px solid transparent;
   border-radius: .25rem;