IgniteUI / igniteui-webcomponents / 26158321713

98%

Build Type

push

github

Committed by web-flow

Commit Message

feat: Add container positioning to Toast and Snackbar components (#2203)

* feat: Add container positioning to Toast and Snackbar components

- Both toast and snackbar are now popovers, ensuring top-layer
rendering and no need for z-index management.

* refactor: Alert mixin improvements and documentation

* refactor(toast): use CSS anchor positioning for toast placement

Replace position: fixed with position: absolute and position-area: center.
Use align-self (start | anchor-center | end) per position variant instead
of per-rule inset-block and transform overrides.

Remove the _containerPosition getter and inline style assignments from
the alert mixin — positioning is now handled entirely in CSS.

* refactor(snackbar): use CSS anchor positioning for snackbar placement

* fix(toast, snackbar): reset conflicting popover UA styles

* refactor: Fixed unit tests for new structure and some mixin refactoring

Closes #2154

---------

Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>

Coverage Stats

5814 of 6107 branches covered (95.2%)

Branch coverage included in aggregate %.

137 of 150 new or added lines in 5 files covered. (91.33%)

1 existing line in 1 file now uncovered.

40923 of 41420 relevant lines covered (98.8%)

1596.26 hits per line