chore(components): close header megadropdown onfocusout #4324
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
🦋 Changeset detectedLatest commit: 84810c1 The changes in this PR will be included in the next version bump. This PR includes changesets to release 16 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
myrta2302
changed the title
|
Related Previews |
alizedebray
approved these changes
Dec 19, 2024
packages/components/src/components/post-megadropdown/post-megadropdown.tsx
Outdated
Show resolved
Hide resolved
…dropdown.tsx Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com>
|
myrta2302
deleted the
4272-bug-close-megadropdown-when-focus-leaves-the-header
branch
leagrdv
pushed a commit
that referenced
this pull request
Jan 13, 2025
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ `main` is currently in **pre mode** so this branch has prereleases rather than normal releases. If you want to exit prereleases, run `changeset pre exit` on `main`.⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ # Releases ## @swisspost/design-system-components@9.0.0-next.10 ### Major Changes - Renamed the "dropdown" variant to "menu" for the `post-language-switch` and `post-language-option` components. (by [@leagrdv](https://github.com/leagrdv) with [#4260](#4260)) - Removed `.bg-` classes to define background color of elements. (by [@leagrdv](https://github.com/leagrdv) with [#4201](#4201)) ### Patch Changes - Removed the dependency on utility classes in `post-header` component. The header can now be used without importing CSS utility classes. (by [@leagrdv](https://github.com/leagrdv) with [#4358](#4358)) - Updated the documentation of the Post header. (by [@leagrdv](https://github.com/leagrdv) with [#4408](#4408)) - Added a `type="button"` attribute to the `post-close-button` to prevent it from submitting forms. (by [@schaertim](https://github.com/schaertim) with [#4332](#4332)) - Removed auto slotting from `post-togglebutton` component to enable more flexible usage. (by [@schaertim](https://github.com/schaertim) with [#4346](#4346)) - Removed all usage of deprecated utility sizing classes. (by [@leagrdv](https://github.com/leagrdv) with [#4343](#4343)) - Reduced the length of random IDs generated in the components; they are now generated using the [nanoid library](https://github.com/ai/nanoid) instead of the [Web Crypto API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API). (by [@leagrdv](https://github.com/leagrdv) with [#4369](#4369)) - Updated style and keyboard navigation of `post-language-switch`. (by [@leagrdv](https://github.com/leagrdv) with [#4260](#4260)) - Removed auto slotting from `post-logo` component to enable more flexible usage. (by [@schaertim](https://github.com/schaertim) with [#4345](#4345)) - Modified header megadropdown to close when focus is moved outside. (by [@myrta2302](https://github.com/myrta2302) with [#4324](#4324)) - Updated header overflow in tablet and mobile for long application titles. (by [@leagrdv](https://github.com/leagrdv) with [#4364](#4364)) - Added hover color to `post-accordion` in high contrast mode. (by [@schaertim](https://github.com/schaertim) with [#4316](#4316)) - Removed focus from collapsible when in collapsed state. (by [@myrta2302](https://github.com/myrta2302) with [#4309](#4309)) - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 - @swisspost/design-system-icons@9.0.0-next.10 ## @swisspost/design-system-styles@9.0.0-next.10 ### Major Changes - Removed `.bg-` classes to define background color of elements. (by [@leagrdv](https://github.com/leagrdv) with [#4201](#4201)) - Removed deprecated utility sizing and line-height classes as well as `responsive-size`, `generate-utility-class` and all `bezel-*` mixins. (by [@leagrdv](https://github.com/leagrdv) with [#4343](#4343)) ### Minor Changes - Implemented gutter utility classes. (by [@myrta2302](https://github.com/myrta2302) with [#4378](#4378)) - Updated the output structure of our UI-Icons. Added a `post-icon` mixin, to use any of our icons from within SCSS. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4136](#4136)) ### Patch Changes - Fixed alignment of ´form-switch´ label. (by [@schaertim](https://github.com/schaertim) with [#4314](#4314)) - Added hover styles in high contrast mode for the css components `Button`, `Chip`, `Form Search` and `Button Close`. (by [@schaertim](https://github.com/schaertim) with [#4331](#4331)) - Removed all usage of deprecated utility sizing classes. (by [@leagrdv](https://github.com/leagrdv) with [#4343](#4343)) - Added styles for text links and icon-buttons for Composible Footer in HCM. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4333](#4333)) - Fixed colors of validation icon in HCM on form elements. (by [@leagrdv](https://github.com/leagrdv) with [#4319](#4319)) - Uniformized valid and invalid icons throughout form elements for consistency. (by [@leagrdv](https://github.com/leagrdv) with [#4368](#4368)) - Fixed card control checkboxes' text color in HCM. (by [@leagrdv](https://github.com/leagrdv) with [#4321](#4321)) - Fixed icon color of banner in high contrast mode. (by [@leagrdv](https://github.com/leagrdv) with [#4304](#4304)) - Fixed display of stepper to break words when text is too long to fit in one line. (by [@leagrdv](https://github.com/leagrdv) with [#4401](#4401)) - Refactored icon declarations to comply with Angular 18's new build system requirements. (by [@schaertim](https://github.com/schaertim) with [#3518](#3518)) - Added breakpoint mixin "only" and updated documentation to reflect new breakpoint mixin naming. (by [@leagrdv](https://github.com/leagrdv) with [#4397](#4397)) ## @swisspost/design-system-icons@9.0.0-next.10 ### Minor Changes - Updated the output structure of our UI-Icons. Added a `post-icon` mixin, to use any of our icons from within SCSS. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4136](#4136)) ## @swisspost/design-system-components-angular@9.0.0-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.10 ## @swisspost/design-system-components-react@9.0.0-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.10 ## @swisspost/design-system-intranet-header@9.0.0-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 ## @swisspost/design-system-styles-primeng@9.0.0-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 ## @swisspost/design-system-migrations@9.0.0-next.10 ## @swisspost/design-system-tokens@9.0.0-next.10 ## @swisspost/design-system-documentation@6.0.0-next.11 ### Major Changes - Renamed the "dropdown" variant to "menu" for the `post-language-switch` and `post-language-option` components. (by [@leagrdv](https://github.com/leagrdv) with [#4260](#4260)) - Removed `.bg-` classes to define background color of elements. (by [@leagrdv](https://github.com/leagrdv) with [#4201](#4201)) ### Minor Changes - Implemented gutter utility classes. (by [@myrta2302](https://github.com/myrta2302) with [#4378](#4378)) - Updated the output structure of our UI-Icons. Added a `post-icon` mixin, to use any of our icons from within SCSS. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4136](#4136)) - Added guidelines page on styling shadowdom parts. (by [@myrta2302](https://github.com/myrta2302) with [#4403](#4403)) ### Patch Changes - Updated header documentation by specifying `post-logo` slot explicitly. (by [@schaertim](https://github.com/schaertim) with [#4345](#4345)) - Removed remaining sizing classes usage. (by [@leagrdv](https://github.com/leagrdv) with [#4357](#4357)) - Updated the documentation of the Post header. (by [@leagrdv](https://github.com/leagrdv) with [#4408](#4408)) - Added scss file import documentation to palette. (by [@leagrdv](https://github.com/leagrdv) with [#4127](#4127)) - Removed all usage of deprecated utility sizing classes. (by [@leagrdv](https://github.com/leagrdv) with [#4343](#4343)) - Aligned `width` and `height` percentage classes, after utility update. (by [@leagrdv](https://github.com/leagrdv) with [#4328](#4328)) - Added hint to not use active, disabled chips. (by [@schaertim](https://github.com/schaertim) with [#4315](#4315)) - Updated header documentation by specifying `post-togglebutton` slot explicitly. (by [@schaertim](https://github.com/schaertim) with [#4346](#4346)) - Fixed some display issues on storybook documentation. (by [@leagrdv](https://github.com/leagrdv) with [#4359](#4359)) - Fixed the color of the highlighted search text in the documentation in High Contrast Mode. (by [@leagrdv](https://github.com/leagrdv) with [#4365](#4365)) - Removed padding on back to top documentation example. (by [@leagrdv](https://github.com/leagrdv) with [#4366](#4366)) - Added breakpoint mixin "only" and updated documentation to reflect new breakpoint mixin naming. (by [@leagrdv](https://github.com/leagrdv) with [#4397](#4397)) - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.10 - @swisspost/design-system-styles@9.0.0-next.10 - @swisspost/design-system-icons@9.0.0-next.10 - @swisspost/design-system-components-react@9.0.0-next.10 - @swisspost/internet-header@2.0.0-next.10 - @swisspost/design-system-tokens@9.0.0-next.10 ## @swisspost/design-system-components-angular-workspace@1.1.10-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.10 - @swisspost/design-system-styles@9.0.0-next.10 ## @swisspost/internet-header@2.0.0-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 ## @swisspost/design-system-intranet-header-workspace@3.0.22-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 ## @swisspost/design-system-intranet-header-showcase@1.0.10-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-intranet-header@9.0.0-next.10 ## @swisspost/design-system-nextjs-integration@0.1.14-next.10 ### Patch Changes - Removed remaining sizing classes usage. (by [@leagrdv](https://github.com/leagrdv) with [#4357](#4357)) - Aligned `width` and `height` percentage classes, after utility update. (by [@leagrdv](https://github.com/leagrdv) with [#4328](#4328)) - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 - @swisspost/design-system-components-react@9.0.0-next.10 - @swisspost/internet-header@2.0.0-next.10 ## @swisspost/design-system-styles-primeng-workspace@1.0.6-next.10 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.10 --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.