Skip to content

mwc-select #763

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

Merged
merged 161 commits into from
Feb 3, 2020
Merged

mwc-select #763

merged 161 commits into from
Feb 3, 2020

Conversation

e111077
Copy link
Contributor

@e111077 e111077 commented Jan 14, 2020

  • Implemented:
    • mwc-select
    • mwc-menu
    • mwc-menu-surface
    • mwc-list
      • Implemented forked foundation
    • mwc-list-item
  • Base / utils.ts
    • isNodeElement - performant node -> element checking
    • deepActiveElementPath - finds the deepest activeElement node
    • doesElementContainFocus - determines is ancestor of activeElement
  • mwc-radio.global - groups radios across document rather than shadow root
  • Style underline of filled textfield
    • --mdc-text-field-idle-line-color
    • --mdc-text-field-hover-line-color

Basic usage:

<mwc-select outlined label="food">
  <mwc-list-item selected value="" selected></mwc-list-item>
  <mwc-list-item value="grains">
    Bread, Cereal, Rice, and Pasta
  </mwc-list-item>
  <mwc-list-item value="vegetables">Vegetables</mwc-list-item>
  <mwc-list-item value="fruit">Fruit</mwc-list-item>
</mwc-select>

Fixes #315
Fixes #212

@e111077 e111077 marked this pull request as ready for review February 1, 2020 04:10
@e111077 e111077 requested review from dfreedm and aomarks February 1, 2020 04:10
copybara-service bot pushed a commit that referenced this pull request Feb 1, 2020
- Implemented:
  - `mwc-select`
  - `mwc-menu`
  - `mwc-menu-surface`
  - `mwc-list`
    - Implemented forked foundation
  - `mwc-list-item`
- Base / utils.ts
  - `isNodeElement` - performant node -> element checking
  - `deepActiveElementPath` - finds the deepest `activeElement` node
  - `doesElementContainFocus` - determines is ancestor of `activeElement`
- `mwc-radio.global` - groups radios across document rather than shadow root
- Style underline of filled textfield
  - `--mdc-text-field-idle-line-color`
  - `--mdc-text-field-hover-line-color`

Basic usage:

```html
<mwc-select outlined label="food">
  <mwc-list-item selected value="" selected></mwc-list-item>
  <mwc-list-item value="grains">
    Bread, Cereal, Rice, and Pasta
  </mwc-list-item>
  <mwc-list-item value="vegetables">Vegetables</mwc-list-item>
  <mwc-list-item value="fruit">Fruit</mwc-list-item>
</mwc-select>
```

Fixes #315
Fixes #212

FUTURE_COPYBARA_INTEGRATE_REVIEW=#763 from material-components:mwc-select 50636cb
PiperOrigin-RevId: 292662618
@copybara-service copybara-service bot mentioned this pull request Feb 1, 2020
copybara-service bot pushed a commit that referenced this pull request Feb 1, 2020
- Implemented:
  - `mwc-select`
  - `mwc-menu`
  - `mwc-menu-surface`
  - `mwc-list`
    - Implemented forked foundation
  - `mwc-list-item`
- Base / utils.ts
  - `isNodeElement` - performant node -> element checking
  - `deepActiveElementPath` - finds the deepest `activeElement` node
  - `doesElementContainFocus` - determines is ancestor of `activeElement`
- `mwc-radio.global` - groups radios across document rather than shadow root
- Style underline of filled textfield
  - `--mdc-text-field-idle-line-color`
  - `--mdc-text-field-hover-line-color`

Basic usage:

```html
<mwc-select outlined label="food">
  <mwc-list-item selected value="" selected></mwc-list-item>
  <mwc-list-item value="grains">
    Bread, Cereal, Rice, and Pasta
  </mwc-list-item>
  <mwc-list-item value="vegetables">Vegetables</mwc-list-item>
  <mwc-list-item value="fruit">Fruit</mwc-list-item>
</mwc-select>
```

Fixes #315
Fixes #212

FUTURE_COPYBARA_INTEGRATE_REVIEW=#763 from material-components:mwc-select 50636cb
PiperOrigin-RevId: 292662618
copybara-service bot pushed a commit that referenced this pull request Feb 3, 2020
@copybara-service copybara-service bot merged commit 50636cb into master Feb 3, 2020
@dfreedm dfreedm deleted the mwc-select branch February 21, 2020 22:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

implement mwc-select Dropdown menu
3 participants