Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

md-select with name-attribute and right icon renders md-icon-left because of hidden select (2nd) #8899

Open
@gnulp

Description

@gnulp

I already posted this as issue 8234 but i was closed because it had no demo. So here again, this thime with demo:

 <md-input-container>
    <label>Label</label>
    <md-select ng-model="size" name="Test">
      <md-option ng-repeat="size in sizes" value="{{size}}">{{size}}</md-option>
    </md-select>
    <md-icon>help</md-icon>
  </md-input-container>

'Name' is required for ng-form support. md-icon is displayed right but container also has 'md-icon-left' class because mdInputContainerDirective looks for 'md-icon ~ isel' and isel is one of 'INPUT', 'TEXTAREA', 'SELECT', 'MD-SELECT', so it detects the additional hidden select which is created because of the name-attribute.
Current Version 1.0.5
Demo: https://embed.plnkr.co/s3NscQ4s2k1xzrT5pLfq/

Metadata

Metadata

Assignees

Labels

has: Pull RequestA PR has been created to address this issue

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions