Don't autofocus on touch UI.
This commit is contained in:
@@ -45,6 +45,10 @@ export interface RenameDialogState {
|
|||||||
fullScreen: boolean;
|
fullScreen: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function isTouchUi()
|
||||||
|
{
|
||||||
|
return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
|
||||||
|
}
|
||||||
export default class RenameDialog extends ResizeResponsiveComponent<RenameDialogProps, RenameDialogState> {
|
export default class RenameDialog extends ResizeResponsiveComponent<RenameDialogProps, RenameDialogState> {
|
||||||
|
|
||||||
refText: React.RefObject<HTMLInputElement|null>;
|
refText: React.RefObject<HTMLInputElement|null>;
|
||||||
@@ -129,7 +133,7 @@ export default class RenameDialog extends ResizeResponsiveComponent<RenameDialog
|
|||||||
|
|
||||||
<DialogContent >
|
<DialogContent >
|
||||||
<TextField
|
<TextField
|
||||||
autoFocus
|
autoFocus={!isTouchUi()}
|
||||||
onKeyDown={handleKeyDown}
|
onKeyDown={handleKeyDown}
|
||||||
variant="standard"
|
variant="standard"
|
||||||
slotProps={{
|
slotProps={{
|
||||||
|
|||||||
Reference in New Issue
Block a user