TS Error - tabindex | Qwik | Page 1

barren wing Feb 6, 2023, 3:12 AM

#

I'm getting this weird error when using tabindex in a div in a component...

Is this a typing problem with Qwik?

J

#

tabIndex doesn't work either, but wouldn't be correct anyway

hot coyote Feb 6, 2023, 3:16 AM

#

Just tried it locally. tabIndex works for me, but you have to use a number and not a string

barren wing Feb 6, 2023, 3:21 AM

#

Yeah, but it should be a string, and it won't accept -1, which has a specific meaning for focus elements

#

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

tabindex - HTML: HyperText Markup Language | MDN

The tabindex global attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation.

hot coyote Feb 6, 2023, 4:19 AM

#

It encodes the number into a string when it renders the html, for me at least. tabIndex={-1} works for me, but not tabIndex={"-1"}. I'll look into the types and see if there's something that can be changed. I noticed that textarea only accepts numbers for it's rows and cols properties, so it might be an intentionally typed that way.

barren wing Feb 6, 2023, 4:30 AM

#

ok great thanks

#TS Error - tabindex