docbrown/app/javascript/article-form/components
Suzanne Aitchison 5bed8f56d4
improve keyboard accessibility of modals 12427 10610 (#12511)
* adds focusTrap wrapper to preact Modal component

* add view specific code for focus trap in admin add nav link

* add script to return a focustrap toggle, use in add nav link modal partial

* add trap to edit nav link modal

* add handlers for sign up modal

* update modal controller for admin section, update nav link modals to use

* update other admin modals with new data values for trap

* remove unneeded erb script file

* remove unneeded target

* refactor to remove extra unneeded param

* remove duplicate code, store getFocusTrapToggle in window

* trap focus in comment and bookmark showModal instances for not logged in user

* remove need for activator id

* clean up id refs no longer needed

* remove custom code and re-use focsu-trap lib

* update storybook docs

* update default export in focusTrap

* prevent close button click triggering a modal toggle twice

* ensure if user navigates from a modal the trap is deactivated

* add jsdoc comments and add dynamic import

* ensure admin controller modal traps are cleaned up on disconnect

* update sign up modal to use crayons

* update modal controller and admin nav links modals to use preact modal

* update profile fields modals for new controller

* tweak styling of sign up and admin modals to match previous

* update listings modal to use crayons modal, adapt focus trap to work with click outside

* memoize deactivate callback to ensure modal can be presented on first page load

* add missed focustrap changes

* fix focus trap issues in onboarding flow

* refactor onboarding focus trap, remove getFocusTrapToggle

* tweaks for styling and article modal toggle

* add click outside tests to modal

* add cypress tests for the login modal

* update liquid tag tests affected by change

* refactors to address review comments

* fix issue with login modal presented twice on comment add

* change ids to selectors in admin modals

* small pr comment refactors

* add listings e2e tests

* add nav link modal tests

* fix issue with help modal

* tweak to fix ui bug from merge

* remove context from showLoginModal

* rename toggleModal

* rename state property for clarity

Co-authored-by: Nick Taylor <nick@dev.to>
2021-02-24 16:01:10 +00:00
..
__tests__ Add paste image (#10212) 2021-02-04 10:58:56 -05:00
ArticleCoverImage.jsx Adds ratio param to Cover Image native bridge image picker (#12139) 2021-01-05 14:50:36 -06:00
ClipboardButton.jsx "Copied!" label no longer wrapping to the next line (#12128) 2021-01-05 13:24:55 -05:00
Close.jsx updates article form to have warning modal (#12430) 2021-01-28 11:32:28 -05:00
dragAndDropHelpers.js Ran prettier on *.js, *.jsx and *.md files. (#11586) 2020-11-23 20:45:50 -05:00
EditorActions.jsx Refactoring EditorAction (#10894) 2020-10-29 09:06:30 +01:00
EditorBody.jsx Ghost textarea fixes (#12717) 2021-02-17 18:33:08 +01:00
ErrorList.jsx Ran prettier on *.js, *.jsx and *.md files. (#11586) 2020-11-23 20:45:50 -05:00
Form.jsx Layout updates (#8107) 2020-06-04 16:12:17 +02:00
Header.jsx updates article form to have warning modal (#12430) 2021-01-28 11:32:28 -05:00
Help.jsx improve keyboard accessibility of modals 12427 10610 (#12511) 2021-02-24 16:01:10 +00:00
ImageUploader.jsx First working version to integrate native bridge image upload (#11838) 2020-12-23 10:02:39 -06:00
index.js Remove non application files from frontend code coverage (#11752) 2020-12-04 20:00:20 -05:00
Meta.jsx Drop containers styling (#10203) 2020-09-09 09:37:16 +02:00
Options.jsx Dropdown CSS fix on /new view (#12078) 2021-01-03 17:12:44 +01:00
PageTitle.jsx Ran prettier on *.js, *.jsx and *.md files. (#11586) 2020-11-23 20:45:50 -05:00
pasteImageHelpers.js Add paste image (#10212) 2021-02-04 10:58:56 -05:00
Preview.jsx Text styles (#11743) 2021-02-04 11:43:59 +01:00
Tabs.jsx Ran prettier on *.js, *.jsx and *.md files. (#11586) 2020-11-23 20:45:50 -05:00
TagsField.jsx Updates ESLint rules to error on default imports (#12512) 2021-02-02 10:24:03 -05:00
Title.jsx /new form title fix font font-size (#12576) 2021-02-04 18:26:08 +01:00
Toolbar.jsx [deploy] Redesign article editor (#7524) 2020-05-29 11:59:37 -04:00