emarref.net
A daily game
Select preference on focus
+30
-6
src/components/game/preferences-form.tsx
+30
-6
src/components/game/preferences-form.tsx
···
47
47
<FormItem className="col-span-2">
48
48
<FormLabel>Columns</FormLabel>
49
49
<FormControl>
50
-
<Input type="number" {...field} />
50
+
<Input
51
+
type="number"
52
+
onFocus={(e) => e.target.select()}
53
+
{...field}
54
+
/>
51
55
</FormControl>
52
56
<FormMessage />
53
57
</FormItem>
···
60
64
<FormItem className="col-span-2">
61
65
<FormLabel>Rows</FormLabel>
62
66
<FormControl>
63
-
<Input type="number" {...field} />
67
+
<Input
68
+
type="number"
69
+
onFocus={(e) => e.target.select()}
70
+
{...field}
71
+
/>
64
72
</FormControl>
65
73
<FormMessage />
66
74
</FormItem>
···
73
81
<FormItem>
74
82
<FormLabel>Left</FormLabel>
75
83
<FormControl>
76
-
<Input {...field} className="text-center text-2xl" />
84
+
<Input
85
+
{...field}
86
+
onFocus={(e) => e.target.select()}
87
+
className="text-center text-2xl"
88
+
/>
77
89
</FormControl>
78
90
<FormMessage />
79
91
</FormItem>
···
86
98
<FormItem>
87
99
<FormLabel>Top</FormLabel>
88
100
<FormControl>
89
-
<Input {...field} className="text-center text-2xl" />
101
+
<Input
102
+
{...field}
103
+
onFocus={(e) => e.target.select()}
104
+
className="text-center text-2xl"
105
+
/>
90
106
</FormControl>
91
107
<FormMessage />
92
108
</FormItem>
···
99
115
<FormItem>
100
116
<FormLabel>Right</FormLabel>
101
117
<FormControl>
102
-
<Input {...field} className="text-center text-2xl" />
118
+
<Input
119
+
{...field}
120
+
onFocus={(e) => e.target.select()}
121
+
className="text-center text-2xl"
122
+
/>
103
123
</FormControl>
104
124
<FormMessage />
105
125
</FormItem>
···
112
132
<FormItem>
113
133
<FormLabel>Bottom</FormLabel>
114
134
<FormControl>
115
-
<Input {...field} className="text-center text-2xl" />
135
+
<Input
136
+
{...field}
137
+
onFocus={(e) => e.target.select()}
138
+
className="text-center text-2xl"
139
+
/>
116
140
</FormControl>
117
141
<FormMessage />
118
142
</FormItem>