Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 fix(bal-select): please confirm the current behaviour is correct #1339

Open
1 task done
yannickholzenkamp opened this issue Feb 27, 2024 · 0 comments
Open
1 task done
Labels
🐛 bug Something isn't working
Milestone

Comments

@yannickholzenkamp
Copy link
Member

Current Behavior

Scenario:

  • I have a bal-select with the options "1994" and "1995"
  • I choose an element from the list e.g. "1994"
  • Afterwards I alter the set of options, let's say "red" and "green"
  • The current value of the bal-select will stay as"1994"
  • Afterwards I set the value to undefined, null or ""
  • The current value of the bal-select will stay as "1994"
  • Afterwards I set the value to "red"
  • The current value of the bal-select will change to "red"

Please confirm altering the options should not reset the display of the current value.
Please confirm setting the value to undefined should not reset the display of the current value.

See codesandbox below.

Expected Behavior

I would have expected the displayed value to be resetted after the options were changed, or at least after the value is set to "undefined".

Steps to Reproduce

see above

Version

15.2.1

Browsers

No response

Device

No response

Code Reproduction URL

https://codesandbox.io/p/sandbox/angular-forked-pp8j22?file=%2Fsrc%2Fapp%2Fexample.component.ts%3A24%2C48&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clt4kla7o0006356hubb1f5e1%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clt4kla7o0002356hun1fyql3%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clt4kla7o0003356h5av2ur1d%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clt4kla7o0005356h62m2o1hd%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clt4kla7o0002356hun1fyql3%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clt4kla7o0001356hzhhwlflv%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Fmain.ts%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clt4kmodd004u356h847frmr5%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A24%252C%2522startColumn%2522%253A48%252C%2522endLineNumber%2522%253A24%252C%2522endColumn%2522%253A48%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252Fapp%252Fexample.component.ts%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clt4kla7o0002356hun1fyql3%2522%252C%2522activeTabId%2522%253A%2522clt4kmodd004u356h847frmr5%2522%257D%252C%2522clt4kla7o0005356h62m2o1hd%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clt4kla7o0004356h5ei4494t%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clt4kla7o0005356h62m2o1hd%2522%252C%2522activeTabId%2522%253A%2522clt4kla7o0004356h5ei4494t%2522%257D%252C%2522clt4kla7o0003356h5av2ur1d%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clt4kla7o0003356h5av2ur1d%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct
@yannickholzenkamp yannickholzenkamp added the 🐛 bug Something isn't working label Feb 27, 2024
@hirsch88 hirsch88 added this to the ♻️ Select milestone Mar 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants