Skip to content

Commit 050ee7a

Browse files
RudarDamanandrewseguin
authored andcommitted
fix: responsiveness of autocomplete examples tab (#18007)
1 parent 3a3a1be commit 050ee7a

File tree

7 files changed

+39
-7
lines changed

7 files changed

+39
-7
lines changed

src/components-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
<form class="example-form">
22
<mat-form-field class="example-full-width">
3-
<input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto">
3+
<input type="text"
4+
placeholder="Pick one"
5+
aria-label="Number"
6+
matInput
7+
[formControl]="myControl"
8+
[matAutocomplete]="auto">
49
<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
510
<mat-option *ngFor="let option of filteredOptions | async" [value]="option">
611
{{option}}

src/components-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
<form class="example-form">
22
<mat-form-field class="example-full-width">
3-
<input type="text" placeholder="Assignee" aria-label="Assignee" matInput [formControl]="myControl" [matAutocomplete]="auto">
3+
<input type="text"
4+
placeholder="Assignee"
5+
aria-label="Assignee"
6+
matInput
7+
[formControl]="myControl"
8+
[matAutocomplete]="auto">
49
<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
510
<mat-option *ngFor="let option of filteredOptions | async" [value]="option">
611
{{option.name}}

src/components-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
<form class="example-form">
22
<mat-form-field class="example-full-width">
3-
<input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto">
3+
<input type="text"
4+
placeholder="Pick one"
5+
aria-label="Number"
6+
matInput
7+
[formControl]="myControl"
8+
[matAutocomplete]="auto">
49
<mat-autocomplete #auto="matAutocomplete">
510
<mat-option *ngFor="let option of filteredOptions | async" [value]="option">
611
{{option}}

src/components-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
<form [formGroup]="stateForm">
22
<mat-form-field>
3-
<input type="text" matInput placeholder="States Group" formControlName="stateGroup" required [matAutocomplete]="autoGroup">
3+
<input type="text"
4+
matInput
5+
placeholder="States Group"
6+
formControlName="stateGroup"
7+
required
8+
[matAutocomplete]="autoGroup">
49
<mat-autocomplete #autoGroup="matAutocomplete">
510
<mat-optgroup *ngFor="let group of stateGroupOptions | async" [label]="group.letter">
611
<mat-option *ngFor="let name of group.names" [value]="name">

src/components-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
<form class="example-form">
22
<mat-form-field class="example-full-width">
3-
<input matInput placeholder="State" aria-label="State" [matAutocomplete]="auto" [formControl]="stateCtrl">
3+
<input matInput
4+
placeholder="State"
5+
aria-label="State"
6+
[matAutocomplete]="auto"
7+
[formControl]="stateCtrl">
48
<mat-autocomplete #auto="matAutocomplete">
59
<mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
610
<img class="example-option-img" aria-hidden [src]="state.flag" height="25">

src/components-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
<form class="example-form">
2-
<input type="text" placeholder="Search for a street" [formControl]="control" [matAutocomplete]="auto">
2+
<input type="text"
3+
placeholder="Search for a street"
4+
[formControl]="control"
5+
[matAutocomplete]="auto">
36
<mat-autocomplete #auto="matAutocomplete">
47
<mat-option *ngFor="let street of filteredStreets | async" [value]="street">
58
{{street}}

src/components-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
<form class="example-form">
22
<mat-form-field class="example-full-width">
3-
<input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto">
3+
<input type="text"
4+
placeholder="Pick one"
5+
aria-label="Number"
6+
matInput
7+
[formControl]="myControl"
8+
[matAutocomplete]="auto">
49
<mat-autocomplete #auto="matAutocomplete">
510
<mat-option *ngFor="let option of options" [value]="option">
611
{{option}}

0 commit comments

Comments
 (0)