Use overflow-x: clip instead of hidden for better behavior

Co-authored-by: hsluoyz <3787410+hsluoyz@users.noreply.github.com>
Move overflow-x: hidden to html element instead of body
2026-02-07 16:30:36 +00:00 · 2026-02-07 16:30:07 +00:00 · 2026-02-07 16:29:04 +00:00 · 2026-02-07 16:28:09 +00:00 · 2026-02-07 16:27:04 +00:00 · 2026-02-07 16:24:33 +00:00
2 changed files with 5 additions and 1 deletions
--- a/web/src/ManagementPage.js
+++ b/web/src/ManagementPage.js
@@ -188,7 +188,7 @@ function ManagementPage(props) {
    };

    return (
-      <Dropdown key="/rightDropDown" menu={{items, onClick}} >
+      <Dropdown key="/rightDropDown" menu={{items, onClick}} placement="bottomRight" >
        <div className="rightDropDown">
          {
            renderAvatar()
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -1,3 +1,7 @@
+html {
+  overflow-x: clip;
+}
+
 body {
  margin: 0;
  font-family:
Author	SHA1	Message	Date
copilot-swe-agent[bot]	6a95cd47d8	Use overflow-x: clip instead of hidden for better behavior Co-authored-by: hsluoyz <3787410+hsluoyz@users.noreply.github.com>	2026-02-07 16:30:36 +00:00
copilot-swe-agent[bot]	6a4da0d8f2	Move overflow-x: hidden to html element instead of body Co-authored-by: hsluoyz <3787410+hsluoyz@users.noreply.github.com>	2026-02-07 16:30:07 +00:00
copilot-swe-agent[bot]	1626aa6850	Add placement="bottomRight" to account dropdown for proper alignment Co-authored-by: hsluoyz <3787410+hsluoyz@users.noreply.github.com>	2026-02-07 16:29:04 +00:00
copilot-swe-agent[bot]	8afb694e24	Remove overflow-x from #parent-area, keep only on body Co-authored-by: hsluoyz <3787410+hsluoyz@users.noreply.github.com>	2026-02-07 16:28:09 +00:00
copilot-swe-agent[bot]	62e78a3ebb	Add overflow-x: hidden to prevent scrollbar on dropdown hover Co-authored-by: hsluoyz <3787410+hsluoyz@users.noreply.github.com>	2026-02-07 16:27:04 +00:00
copilot-swe-agent[bot]	18f9bffca8	Initial plan	2026-02-07 16:24:33 +00:00