be-focused v0.0.5

be-focused

Size of package, including custom element behavior framework (be-decorated):

Size of new code in this package:

<button be-focused></button>

... sets the focus on the button when the behavior attaches.

This is useful when HTML is added post page-load.

Setting focus on an element within TODO

<div be-focused=.primary-button>
    ...
    <button class=primary-button>
</div>

Setting focus on mouse hover overTODO

<div be-focused='{
    "when": {
        "mouseHover": true
    }
}'>

Setting focus on mouse hover over closest TODO

<div be-focused='{
    "what": ".primary-button",
    "when": {
        "mouseHover": {
            "closest": "section"
        }
    }
}'>

Media query support TODO