From 3273157aae1ec37768863685e51c17716c3769cb Mon Sep 17 00:00:00 2001 From: Paqui Calabria Date: Mon, 29 May 2023 16:49:34 +0200 Subject: [PATCH 1/2] [TextField] Don't show focused style while disabled --- .changeset/nervous-scissors-punch.md | 5 +++++ polaris-react/src/components/TextField/TextField.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/nervous-scissors-punch.md diff --git a/.changeset/nervous-scissors-punch.md b/.changeset/nervous-scissors-punch.md new file mode 100644 index 00000000000..c5f293da4ca --- /dev/null +++ b/.changeset/nervous-scissors-punch.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Remove focus ring on TextField while disabled diff --git a/polaris-react/src/components/TextField/TextField.tsx b/polaris-react/src/components/TextField/TextField.tsx index 1418c763dbb..4e515ed2971 100644 --- a/polaris-react/src/components/TextField/TextField.tsx +++ b/polaris-react/src/components/TextField/TextField.tsx @@ -289,7 +289,7 @@ export function TextField({ readOnly && styles.readOnly, error && styles.error, multiline && styles.multiline, - focus && styles.focus, + focus && !disabled && styles.focus, borderless && styles.borderless, ); From ab0b1a0ed589d1cd36c97adf66edd55ad04c184c Mon Sep 17 00:00:00 2001 From: Francisca Calabria Rubio <13103124+FCalabria@users.noreply.github.com> Date: Tue, 30 May 2023 14:34:49 +0200 Subject: [PATCH 2/2] Update .changeset/nervous-scissors-punch.md Co-authored-by: Kyle Durand --- .changeset/nervous-scissors-punch.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/nervous-scissors-punch.md b/.changeset/nervous-scissors-punch.md index c5f293da4ca..3f534074e3b 100644 --- a/.changeset/nervous-scissors-punch.md +++ b/.changeset/nervous-scissors-punch.md @@ -2,4 +2,4 @@ '@shopify/polaris': patch --- -Remove focus ring on TextField while disabled +Removed focus styles on TextField while disabled