Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Our team is currently investigating rolling service outages. For more information, visit our most recent Forum Announcements post.
Create a free account

Roll Template tabindex

1607683617

Edited 1607683641
CKenny
Sheet Author
hello I don't know if this is the right place to post, but I would like to know if it is possible to add a tab index in the roll template, the idea is to have the ability to focus on an element to show the modifier list of the roll. I tried this : html : <div class="sheet-rolltemplate-collapsible_entity_switch" tabindex="-1">     the roll result </div> <div class='sheet-rolltemplate-collapsible_entity_block '>     the modifiers </div> css : .sheet-rolltemplate-collapsible_entity_block { display: none; } .sheet-rolltemplate-collapsible_entity_switch:focus ~ .sheet-rolltemplate-collapsible_entity_block { display: block; } Am I doing it wrong or is it just not allowed ?
1607732589
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
So, you've created two separate roll templates there. They cannot interact with each other in any way. If you're trying to make your roll template screen reader friendly tabindex is not going to work as it doesn't seem to be whitelisted by the character sheet html parser. What's your actual goal? There may be another way.
1607764402

Edited 1607764877
CKenny
Sheet Author
thanks for suggesting another way might be possible I managed to make it work with :hover html : <div class="sheet-rolltemplate-collapsible_entity_switch">         the roll result <div class='sheet-rolltemplate-collapsible_entity_block '>    The modifiers </div> </div> css : .sheet-rolltemplate-collapsible_entity_block { display: none; } .sheet-rolltemplate-collapsible_entity_switch:hover > .sheet-rolltemplate-collapsible_entity_block { display: block; } you just need to pass the mouse over it