search

vmware-archive / clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
http://clarity.design
MIT License
6.43k stars 761 forks source link

cds-select with size attribute not rendering correctly #6375

Closed milesich closed 3 years ago

milesich commented 3 years ago

Describe the bug

When I try to use cds-select element with size attribute (e.g. size=8) it renders like a single option multiple select with arrow down icon. It can be best seen on this image:

cds-select

How to reproduce

Simple select with size attribute without multiple attribute.

  <cds-select layout="vertical">
    <label>Sport</label>
    <select size="8">
      <option>Football</option>
      <option>Ice Hockey</option>
      <option>MMA</option>
      <option>Tennis</option>
    </select>
  </cds-select>

Expected behavior

It should render as with the multiple attribute but only be allowed to choose one option.

Versions

Clarity project:

Clarity version:

Framework:

Framework version: Angular 12.2.7

Device:

Additional notes

github-actions[bot] commented 3 years ago

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.