Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Query and Policy UI: Cursor placed at end of input field (#3224)

Browse source
This commit is contained in:
RachelElysia 2021-12-07 15:17:56 -06:00 committed by GitHub
parent fde1da714b
commit 91a86ccee4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
View file

@ -315,6 +315,12 @@ const PolicyForm = ({
onChange={setLastEditedQueryName}
inputOptions={{
autoFocus: true,
onFocus: (e: React.FocusEvent<HTMLInputElement>) => {
// sets cursor to end of inputfield
const val = e.target.value;
e.target.value = "";
e.target.value = val;
},
}}
/>
);
@ -355,6 +361,12 @@ const PolicyForm = ({
onChange={setLastEditedQueryDescription}
inputOptions={{
autoFocus: true,
onFocus: (e: React.FocusEvent<HTMLInputElement>) => {
// sets cursor to end of inputfield
const val = e.target.value;
e.target.value = "";
e.target.value = val;
},
}}
/>
);
@ -398,6 +410,12 @@ const PolicyForm = ({
onChange={setLastEditedQueryResolution}
inputOptions={{
autoFocus: true,
onFocus: (e: React.FocusEvent<HTMLInputElement>) => {
// sets cursor to end of inputfield
const val = e.target.value;
e.target.value = "";
e.target.value = val;
},
}}
/>
</div>

12
frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx
View file

@ -307,6 +307,12 @@ const QueryForm = ({
onChange={setLastEditedQueryName}
inputOptions={{
autoFocus: true,
onFocus: (e: React.FocusEvent<HTMLInputElement>) => {
// sets cursor to end of inputfield
const val = e.target.value;
e.target.value = "";
e.target.value = val;
},
}}
/>
);
@ -347,6 +353,12 @@ const QueryForm = ({
onChange={setLastEditedQueryDescription}
inputOptions={{
autoFocus: true,
onFocus: (e: React.FocusEvent<HTMLInputElement>) => {
// sets cursor to end of inputfield
const val = e.target.value;
e.target.value = "";
e.target.value = val;
},
}}
/>
);