Skip to content

Releases: Q42/floating-focus-a11y

Improvements floater outline styling

19 Nov 12:22
@Jirinrin Jirinrin
1.3.3
a0bf355
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
Improvements floater outline styling Latest
Latest

Changes

  • #32: support outline-style property for the floater
  • #34: bugfix, makes it possible again to define outline offset as 0
Assets 2
Loading

Fix TS declaration of /dist/unstyled

17 Nov 16:58
@Jirinrin Jirinrin
1.3.2
92f2674
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
Fix TS declaration of /dist/unstyled

Required actions

Update @q42/floating-focus-a11y to 1.3.2

Changes
The /dist/unstyled directory now works well with typescript when importing from it.

Assets 2
Loading

Include index.d.ts in NPM publish

13 Nov 18:31
@Jirinrin Jirinrin
1.3.1
212f59f
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
Include index.d.ts in NPM publish

Required actions

Update @q42/floating-focus-a11y to 1.3.1

Changes

index.d.ts was not included in release 1.3.0 => this patch fixes that file not being included.

Assets 2
Loading

Unstyled import option, and various fixes

13 Nov 18:07
@Jirinrin Jirinrin
1.3.0
c2341f8
Compare
Choose a tag to compare
Unstyled import option, and various fixes

Required actions

Update @q42/floating-focus-a11y to 1.3.0

Changes

Assets 2
Loading

Package clean-up and maintenance

22 Jun 12:24
@CptMeatball CptMeatball
1.2.5
c242012
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
Package clean-up and maintenance

Required actions

Update @q42/floating-focus-a11y to 1.2.5

Changes

  • Clean-up NPM package files
  • Allows setting negative outline-offset
Assets 2
Loading

Allow negative outline offsets

02 Mar 15:03
@FricoRico FricoRico
1.2.4
a490cf4
Compare
Choose a tag to compare
Allow negative outline offsets

Required actions

Update @q42/floating-focus-a11y to 1.2.4

Changes

  • Allows setting negative outline-offset
Assets 2
Loading

Type definitions and Internet Explorer fixes

30 Jan 12:08
@FricoRico FricoRico
1.2.3
347acad
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
Type definitions and Internet Explorer fixes

Required actions

Update @q42/floating-focus-a11y to 1.2.2

Changes

  • Added type definition file for easier Typescript implementation
  • Bugfixes for better Internet Explorer 11 support
Assets 2
Loading

Documentation update

16 Sep 14:18
@FricoRico FricoRico
1.1.1
be985e1
Compare
Choose a tag to compare
Documentation update

Required actions

Update @q42/floating-focus-a11y to 1.1.1

Changes

  • Updating documentation on NPM to give more clear example module usage
Assets 2
Loading

Container element support

16 Sep 10:20
@FricoRico FricoRico
1.1.0
51748c4
Compare
Choose a tag to compare
Container element support

Required actions

Update @q42/floating-focus-a11y to 1.1.0

Changes

  • Added parameter to support a container element. (#1)
Assets 2
Loading

Initial Release

16 Sep 10:06
@FricoRico FricoRico
1.0.0
74002f5
Compare
Choose a tag to compare
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
Assets 2
Loading