From b84546826f61147be781852201e14fd4ca331583 Mon Sep 17 00:00:00 2001 From: Sean Tsai <aleetsaiya@gmail.com> Date: Fri, 4 Aug 2023 21:49:20 +0800 Subject: [PATCH] Bugfix: remove select component inner scrollbar (#1458) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In some situations the text in the Select component will be too big, which will make the inner vertical scrollbar appear. This PR is to hide the vertical scrollbar.  --- packages/desktop-client/src/components/common/Select.tsx | 2 +- upcoming-release-notes/1458.md | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 upcoming-release-notes/1458.md diff --git a/packages/desktop-client/src/components/common/Select.tsx b/packages/desktop-client/src/components/common/Select.tsx index cbc01a993..e3d57c91a 100644 --- a/packages/desktop-client/src/components/common/Select.tsx +++ b/packages/desktop-client/src/components/common/Select.tsx @@ -64,7 +64,7 @@ export default function Select<Value extends string>({ <span style={{ display: 'flex', - overflowX: 'hidden', + overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', maxWidth: `calc(100% - ${arrowSize + 5}px)`, diff --git a/upcoming-release-notes/1458.md b/upcoming-release-notes/1458.md new file mode 100644 index 000000000..f60d04a91 --- /dev/null +++ b/upcoming-release-notes/1458.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [aleetsaiya] +--- + +In some situations the text in the Select component will be too big, which will make the inner vertical scrollbar appear. This PR is to hide the vertical scrollbar. -- GitLab