fix(flatpickr): prevent inadvertent text selection in DatePicker (#…

…10377) * fix(flatpickr): prevent text selection when clicking flatpickr buttons * chore: also apply fix to package `styles` Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: TJ Egan <[email protected]>
carbon-design-system · Jan 25, 2022 · a7112be · a7112be
1 parent 5b3b9a1
commit a7112be
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/components/src/components/date-picker/_flatpickr.scss b/packages/components/src/components/date-picker/_flatpickr.scss
@@ -211,6 +211,7 @@
     cursor: pointer;
     transition: background-color $duration--fast-01 motion(standard, productive);
     fill: $icon-01;
+    user-select: none;
 
     &:hover {
       background-color: $hover-ui;

diff --git a/packages/styles/scss/components/date-picker/_flatpickr.scss b/packages/styles/scss/components/date-picker/_flatpickr.scss
@@ -219,6 +219,7 @@
     text-decoration: none;
     transform: scale(1, 1) #{'/*rtl: scale(-1,1)*/'};
     transition: background-color $duration-fast-01 motion(standard, productive);
+    user-select: none;
     // Windows HCM fix
     @include high-contrast-mode('icon-fill');