Polymer paper-icon-item inside iron-list: focus and toggle -
i updated latest version of polymer, , seems behavior of paper-icon-item
has changed. according source documentation version 1.0.3, paper-icon-item
conforms iron-control-state
, iron-button-state
behaviors.
i have 2 issues: i'm getting "focused" , "pressed" added elements whenever interact them in ways. that's fine, however, annoying focus border being added elements, , can't figure out how style away css.
at point in css stack can access focus border?
my other issue elements (which inside iron-list
) seemingly permanently in toggle mode, clicking selected item deselect it, though haven't explicitly set toggle behavior anywhere. according polymer documentation, toggles
behavior should set false
default.
can offer insight these behaviors? need cells non-toggling , no focus border.
you can use :focus or :active css properties. demo iron-list uses this:
.item:focus { outline: 0; border-color: #666; }
if using paper-menu
can use these mixins:
--paper-menu-selected-item --paper-menu-focused-item
read documentation more info.
although might find annoying, try using application without mouse , keyboard. accessibility should not hide those.
Comments
Post a Comment