Skip to content

Commit f5e467b

Browse files
committed
Fix sizing issues
1 parent 42b1225 commit f5e467b

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

paper-input-container.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -174,6 +174,8 @@
174174
.label-and-input-container {
175175
@apply(--layout-flex-auto);
176176
@apply(--layout-relative);
177+
width: 100%;
178+
max-width: 100%;
177179
}
178180

179181
.input-content {
@@ -250,6 +252,7 @@
250252
box-shadow: none;
251253
padding: 0;
252254
width: 100%;
255+
max-width: 100%;
253256
background: transparent;
254257
border: none;
255258
color: var(--paper-input-container-input-color, --primary-text-color);
@@ -263,11 +266,13 @@
263266
::content [prefix] {
264267
@apply(--paper-font-subhead);
265268
@apply(--paper-input-prefix);
269+
@apply(--layout-flex-none);
266270
}
267271

268272
::content [suffix] {
269273
@apply(--paper-font-subhead);
270274
@apply(--paper-input-suffix);
275+
@apply(--layout-flex-none);
271276
}
272277

273278
/* Firefox sets a min-width on the input, which can cause layout issues */

0 commit comments

Comments
 (0)