handy online tools for AT Protocol
boat.kelinci.net
atproto
bluesky
atcute
typescript
solidjs
fix: use onInput over onChange
+4
-4
+1
-1
src/components/inputs/multiline-input.tsx
+1
-1
src/components/inputs/multiline-input.tsx
···
43
43
value={props.value}
44
44
class="resize-y break-all rounded border border-gray-400 px-3 py-2 font-mono text-xs tracking-wider placeholder:text-gray-400 focus:border-purple-800 focus:ring-1 focus:ring-purple-800 focus:ring-offset-0"
45
45
style="field-sizing: content"
46
-
onChange={(ev) => onChange?.(ev.target.value)}
46
+
onInput={(ev) => onChange?.(ev.target.value)}
47
47
/>
48
48
</div>
49
49
);
+1
-1
src/components/inputs/select-input.tsx
+1
-1
src/components/inputs/select-input.tsx
···
39
39
required={props.required}
40
40
value={props.value ?? ''}
41
41
class="rounded border border-gray-400 py-2 pl-3 pr-8 text-sm focus:border-purple-800 focus:ring-1 focus:ring-purple-800 focus:ring-offset-0"
42
-
onChange={(ev) => onChange?.(ev.target.value as T)}
42
+
onInput={(ev) => onChange?.(ev.target.value as T)}
43
43
>
44
44
{props.options.map((props) => {
45
45
return (
+2
-2
src/components/inputs/text-input.tsx
+2
-2
src/components/inputs/text-input.tsx
···
8
8
type?: 'text' | 'password' | 'url' | 'email';
9
9
name?: string;
10
10
required?: boolean;
11
-
autocomplete?: 'off' | 'on' | 'one-time-code';
11
+
autocomplete?: 'off' | 'on' | 'one-time-code' | 'username';
12
12
autocorrect?: 'off' | 'on';
13
13
pattern?: string;
14
14
placeholder?: string;
···
57
57
placeholder={props.placeholder}
58
58
value={props.value ?? ''}
59
59
class={textInputStyles(props)}
60
-
onChange={(ev) => onChange?.(ev.target.value)}
60
+
onInput={(ev) => onChange?.(ev.target.value)}
61
61
/>
62
62
63
63
<p class="text-pretty text-[0.8125rem] leading-5 text-gray-500 empty:hidden">{props.blurb}</p>