Initial Release
This is the initial release for floating focus tool. This tool has a couple of advantages compared to implementing custom CSS focus states:
- Simple to implement focus states on all elements
- Focus states automatically only show when using keyboard navigation
- States hide when going back to using mouse for navigation
- Border-radius is supported and used for outline highlighting
- Initial focus states show a background to further increase contrast of the current highlighted element
- Uses computed styling to determine the color that should be used for the overlay
- Focus states float from one element to the next, making it easier to follow the flow of the webpage
- Very easy to only change overlay color based on default CSS properties that you already know