Add scrollbars to tiny_select_area when content exceeds max height

marcusgreen · marcusgreen · commit 78d7bd028f9f · 2025-12-22T17:57:12.000Z
- Added max-height: 200px to prevent the select area from growing too large
- Added overflow-y: auto to enable vertical scrolling when content exceeds max height
- Added overflow-x: hidden to prevent horizontal scrolling
- This improves usability when the gap selection area contains many items
diff --git a/styles.css b/styles.css
@@ -68,6 +68,9 @@ Visual feedback for gap select area
     padding: 10px;
     background-color: #f9f9f9;
     min-height: 100px;
+    max-height: 200px;
+    overflow-y: auto;
+    overflow-x: hidden;
 }
 
 #tiny_select_area span[id^="id"] {

Original file line number	Diff line number	Diff line change
`@@ -68,6 +68,9 @@ Visual feedback for gap select area`
`68`	`68`	`padding: 10px;`
`69`	`69`	`background-color: #f9f9f9;`
`70`	`70`	`min-height: 100px;`
	`71`	`+ max-height: 200px;`
	`72`	`+ overflow-y: auto;`
	`73`	`+ overflow-x: hidden;`
`71`	`74`	`}`
`72`	`75`
`73`	`76`	`#tiny_select_area span[id^="id"] {`