fix: prevent static settings text selection
Disable text selection across the active Settings view and every related dialog while explicitly preserving selection inside editable fields and text areas. Add regression coverage for the selection scope and input exceptions.
This commit is contained in:
@@ -4796,7 +4796,7 @@ export function App(): ReactElement {
|
||||
|
||||
return (
|
||||
<div
|
||||
className={`app-shell${dragOver ? " drag-over" : ""}`}
|
||||
className={`app-shell${dragOver ? " drag-over" : ""}${tab === "settings" ? " settings-active" : ""}`}
|
||||
onDragEnter={(event) => {
|
||||
event.preventDefault();
|
||||
if (draggedPackageIdRef.current) { return; }
|
||||
|
||||
+17
-7
@@ -1067,13 +1067,23 @@ body,
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
.settings-shell {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr;
|
||||
gap: 8px;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
.settings-shell {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr;
|
||||
gap: 8px;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.app-shell.settings-active {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app-shell.settings-active input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
|
||||
.app-shell.settings-active textarea,
|
||||
.app-shell.settings-active [contenteditable]:not([contenteditable="false"]) {
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.settings-toolbar {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user