DEV Community

Discussion on: Accessible, Resizable Table-Columns

Collapse
 
saip12 profile image
Sai P • Edited

This is excellent work.
I'm running into css issues and not able to get hold of input attributes. I'm using chrome. Is there an updated version of this? TIA

Collapse
 
madsstoumann profile image
Mads Stoumann

Thank you! Sounds like you're navigating with keyboard? You should get this visual clue:
screenshot
This is from Chrome on Mac.
When I get some more time, I'll continue working on this, creating a better a11y-experience!

Collapse
 
saip12 profile image
Sai P • Edited

Yes, I'm actually navigating with keyboard. Not able to make it look as shown in your screenshot. Input element css are not binding and the sliders sit below the table. Functionality seems to work fine.

Thread Thread
 
madsstoumann profile image
Mads Stoumann

That is weird. Are you using the Codepen-example - in Chrome for Windows?

Thread Thread
 
saip12 profile image
Sai P

I'm using a Mac. I implemented the code in my storybook.

Thread Thread
 
madsstoumann profile image
Mads Stoumann

OK, but does the Codepen example work for you, in Chrome?

Thread Thread
 
saip12 profile image
Sai P

Yes. It works fine within Codepen.

Thread Thread
 
madsstoumann profile image
Mads Stoumann

Sorry, dont know much about Storybook - check the generated CSS/markup and see if you can spot the differences - or if some JavaScript fails in the console.

Thread Thread
 
saip12 profile image
Sai P

Sure, I definitely don’t see the js errors in console. Its only the css that's missing. Thanks.