IgniteUI / igniteui-webcomponents / 39950833347

100%

push

github

fix: keep the z-index of the parts inside each component (#2499)

- styles: the host of the tabs, button group, carousel, checkbox,
  switch, color picker, splitter, stepper, tile manager, textarea and
  the input styles (input, mask input, date-time input, date range
  input, file input) sets isolation: isolate. Before, the z-index of
  their parts competed with the layers of the page. For example, the
  tab labels showed through a sticky page header with z-index 1 that
  came before the tabs
- radio: the control makes the stacking context, because the host is
  display: contents in a horizontal radio group
- nav drawer: only a relative drawer makes a stacking context, because
  the other positions are in the top layer. In Material, an item makes
  a stacking context, so its hover and active highlight (z-index -1)
  shows in front of the background of a relative drawer
- not changed: the dialog backdrop and the navbar host z-index, which
  are layers of the page on purpose
- specs: the isUnderPageLayer helper puts a z-index: 1 layer before
  the component and hit-tests a part. Each changed component has one
  test, and each test fails without its fix
- docs: a spec revision for each changed component

8731 of 8827 branches covered (98.91%)

Branch coverage included in aggregate %.

53420 of 53551 relevant lines covered (99.76%)

3697.86 hits per line