From cb8deadaec200d395be61d5e159e22901113d843 Mon Sep 17 00:00:00 2001 From: Hanna922 Date: Mon, 20 May 2024 15:02:10 +0900 Subject: [PATCH 1/2] fix: suffix icon appears when the TextField is disabled --- src/components/TextField/TextField.style.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/TextField/TextField.style.ts b/src/components/TextField/TextField.style.ts index 2701753..bf0b4dc 100644 --- a/src/components/TextField/TextField.style.ts +++ b/src/components/TextField/TextField.style.ts @@ -46,7 +46,8 @@ export const StyledTextFieldWrapper = styled.div` border: 1px solid ${theme.color.textPointed}; `)} - input:focus + ${StyledSuffixIconContainer}, input:active + ${StyledSuffixIconContainer} { + input:not(:disabled):focus + ${StyledSuffixIconContainer}, + input:not(:disabled):active + ${StyledSuffixIconContainer} { display: flex; cursor: pointer; } From 6f2436d14251662f0e6ded326c84c1cac2746eec Mon Sep 17 00:00:00 2001 From: Hanna922 Date: Tue, 21 May 2024 11:31:50 +0900 Subject: [PATCH 2/2] refactor: remove unnecessary code --- src/components/TextField/TextField.style.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/TextField/TextField.style.ts b/src/components/TextField/TextField.style.ts index bf0b4dc..41edab3 100644 --- a/src/components/TextField/TextField.style.ts +++ b/src/components/TextField/TextField.style.ts @@ -46,7 +46,7 @@ export const StyledTextFieldWrapper = styled.div` border: 1px solid ${theme.color.textPointed}; `)} - input:not(:disabled):focus + ${StyledSuffixIconContainer}, + input:focus + ${StyledSuffixIconContainer}, input:not(:disabled):active + ${StyledSuffixIconContainer} { display: flex; cursor: pointer;