allow font color to skip over transparent color of embedded element used for textarea height content

This commit is contained in:
Matthew Griffith 2019-07-02 21:52:37 -04:00
parent a28ef3bef4
commit b17280a943
2 changed files with 23 additions and 9 deletions

View File

@ -2681,11 +2681,29 @@ toStyleSheetString options stylesheet =
]
Colored class prop color ->
renderStyle
maybePseudo
("." ++ class)
[ Property prop (formatColor color)
]
-- This is because the trick we're using to make a txtarea be height:content
-- stops the inheritance chain for font color.
-- So we need to pack our bags, hike up our socks and jump over the break.
if prop == "color" then
String.concat
[ renderStyle
maybePseudo
("." ++ class)
[ Property prop (formatColor color)
]
, renderStyle
maybePseudo
("." ++ class ++ " ." ++ classes.inputMultilineParent ++ " ." ++ classes.inputMultiline)
[ Property prop (formatColor color)
]
]
else
renderStyle
maybePseudo
("." ++ class)
[ Property prop (formatColor color)
]
SpacingStyle cls x y ->
let

View File

@ -1531,11 +1531,7 @@ baseSheet =
[ Prop "white-space" "pre-wrap"
, Prop "height" "100%"
, Prop "width" "100%"
-- , Prop "color" "transparent"
, Prop "background-color" "transparent"
-- , Prop "caret-color" "black"
]
, Descriptor (dot classes.inputMultilineParent)
[ Prop "white-space" "pre-wrap"