components icon indicating copy to clipboard operation
components copied to clipboard

fix(material/slider): update inactive input width on value change

Open wagnermaciel opened this issue 2 years ago • 1 comments

  • fixes https://github.com/angular/components/issues/28206

wagnermaciel avatar Dec 13 '23 18:12 wagnermaciel

Stackblitz demo

I've created a demo which makes the hidden input elements visible and outlined so that we can see how changing the value is not currently updating their widths.

https://stackblitz.com/edit/45m3gu?file=src%2Fexample%2Fslider-range-example.html,src%2Fexample%2Fslider-range-example.ts,src%2Fexample%2Fslider-range-example.css,src%2Fstyles.scss

Steps to reproduce

  • Click "Change Values"
  • Note that the inputs have not changed widths to mirror the value changes

Screenshots

Before

Screenshot 2023-12-13 at 1 36 22 PM

After

Screenshot 2023-12-13 at 1 36 58 PM

wagnermaciel avatar Dec 13 '23 18:12 wagnermaciel

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.