KListWithOverflow: Miscellaneous fixes

[AlexVelezLl]

Description

Two fixes of the KListWithOverflow component:

• Add scoped style, to avoid interfering with other styles such as those of the LanguageSwitcherList.
• Add position: absolute to hidden elements to prevent them from taking up space on the screen.
  • before:
    
  • after:
    

Changelog

• #612

  • Description: Prevent KListWithOverflow hidden elements from taking up space on the screen.
  • Products impact: bugfix.
  • Addresses: - .
  • Components: KListWithOverflow.
  • Breaking: no.
  • Impacts a11y: no.
  • Guidance: - .

• #612

  • Description: Scope the styles of the KListWithOverflow component.
  • Products impact: bugfix.
  • Addresses: - .
  • Components: KListWithOverflow.
  • Breaking: no.
  • Impacts a11y: no.
  • Guidance: - .

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?
• Add other things to check for here

After review

• The changelog item has been pasted to the CHANGELOG.md

Comments

[MisRob]

Thanks @AlexVelezLl, changes make sense to me. I just requested one changelog update. After that, feel free to merge.

[AlexVelezLl]

Thanks @MisRob! I had an internal conflict about how specific the changelog had to be 😅. Just updated it 👐.