Remove round corner for search inputs

palantir · Apr 30, 2024 · 84dc6e0 · 84dc6e0 · svc-palantir-github · Apr 30, 2024
1 parent 5721022
commit 84dc6e0
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 8 deletions.
diff --git a/packages/core/src/components/forms/_common.scss b/packages/core/src/components/forms/_common.scss
@@ -105,7 +105,6 @@ $control-group-stack: (
     box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;
   }
 
-  &[type="search"],
   &.#{$ns}-round {
     border-radius: $pt-input-height;
     // override normalize.css
@@ -152,7 +151,6 @@ $control-group-stack: (
   height: $pt-input-height-large;
   line-height: $pt-input-height-large;
 
-  &[type="search"],
   &.#{$ns}-round {
     padding: 0 ($input-padding-horizontal * 1.5);
   }
@@ -165,7 +163,6 @@ $control-group-stack: (
   padding-left: $input-small-padding;
   padding-right: $input-small-padding;
 
-  &[type="search"],
   &.#{$ns}-round {
     padding: 0 ($input-small-padding * 1.5);
   }

diff --git a/packages/core/src/components/forms/input-group.md b/packages/core/src/components/forms/input-group.md
@@ -30,11 +30,7 @@ For _multiline text_: use [**TextArea**](#core/components/text-area) instead.
 
 @## Search input
 
-Apply the attribute `type="search"` to style a text input as a search field. This styling is equivalent
-to what is applied using the `Classes.ROUND` modifier class&mdash;it is automatically applied for `[type="search"]`
-inputs.
-
-Note that some browsers also implement a handler for the <kbd>esc</kbd> key to clear the text in a search field.
+Apply the attribute `type="search"` to enable a handler for the <kbd>esc</kbd> key to clear the text in a search field forå some browsers.
 
 @reactExample SearchInputExample