mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
fix(textarea): native textarea inherits max/min width and heights (#21333)
Co-authored-by: Stefanos Anagnostou <anagstef@users.noreply.github.com>
This commit is contained in:
@ -39,7 +39,6 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
color: var(--color);
|
color: var(--color);
|
||||||
@ -49,6 +48,8 @@
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
||||||
z-index: $z-index-item-input;
|
z-index: $z-index-item-input;
|
||||||
|
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host(.ion-color) {
|
:host(.ion-color) {
|
||||||
@ -74,6 +75,13 @@
|
|||||||
// Native Textarea
|
// Native Textarea
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
.textarea-wrapper {
|
||||||
|
min-width: inherit;
|
||||||
|
max-width: inherit;
|
||||||
|
min-height: inherit;
|
||||||
|
max-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.native-textarea {
|
.native-textarea {
|
||||||
@include border-radius(var(--border-radius));
|
@include border-radius(var(--border-radius));
|
||||||
@include margin(0);
|
@include margin(0);
|
||||||
|
|||||||
Reference in New Issue
Block a user