scania-digital-design-system/sdds

Bug - Dropdown menu with ampersand (&)

Closed this issue · 2 comments

Describe the bug
We are trying to use the SDDS dropdown component. However, one of the options in our dropdown list includes a "&" (ex: Stockholm & Sweden). When having this option in the selection it changes the "&" to "&"

To Reproduce
Steps to reproduce the behavior and be very detailed

I changed the data from "Stockholm" to "Stockholm & Stockholm" in the codesandbox demo example and the behavior is same there if you try to pick city "Stockholm & Stockholm" in the "City-Dropdown list" but when it is selected the label becomes "Stockholm & Stockholm".

codesandbox link with changed data: https://codesandbox.io/s/boring-feather-lf03n?file=/src/Form/Form.js

  1. Go to https://codesandbox.io/s/boring-feather-lf03n?file=/src/Form/Form.js
  2. Click on City-dropdown list
  3. Select Stockholm & Stockholm
  4. See wrong value as label it will be "Stockholm & Stockholm" instead of Stockholm & Stockholm

Expected behavior
A clear and concise description of what you expected to happen.
I would like to see Stockholm & Stockholm in the dropdown menu.

Version of SDDS or which package
Latest

System information:
Please complete the following information, don't forget version
Chrome latest

AB#957

I am working on this one currently. The update is expected to go out next Wednesday.

This is fixed in our latest release. I am closing this now.