fix: enable text input in extractor page order number textarea
Remove global user-select: none style that was preventing text input and add explicit user-select: text to the textarea element. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -8,7 +8,6 @@ body {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
background-image: url('./wavy-lines.svg');
|
background-image: url('./wavy-lines.svg');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#root {
|
#root {
|
||||||
|
|||||||
@@ -122,6 +122,7 @@ const ExtractorPage: React.FC = () => {
|
|||||||
|
|
||||||
<textarea
|
<textarea
|
||||||
className="flex-1 w-full border border-slate-300 rounded-lg p-3 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none shadow-inner bg-slate-50 h-full"
|
className="flex-1 w-full border border-slate-300 rounded-lg p-3 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none shadow-inner bg-slate-50 h-full"
|
||||||
|
style={{ userSelect: 'text', cursor: 'text' }}
|
||||||
placeholder="PO-20231024-001 PO-20231024-002 PO-20231024-003..."
|
placeholder="PO-20231024-001 PO-20231024-002 PO-20231024-003..."
|
||||||
value={orderNumbers}
|
value={orderNumbers}
|
||||||
onChange={(e) => setOrderNumbers(e.target.value)}
|
onChange={(e) => setOrderNumbers(e.target.value)}
|
||||||
|
|||||||
Reference in New Issue
Block a user