As I'm trying to workaround the non-working `Row {...
# compose-web
l
As I'm trying to workaround the non-working
Row { … }
, I bumped into an issue that happens on Chrome, but not on Chrome (that latter one is actually Safari since it's running on a fake computer running iPadOS). The following snippet, when embedded in a compose webpage, works on Webkit, but triggers an error in the console and leaves the page blank in Blink:
Copy code
@Composable
fun Reproducer() {
    Div({
        style { display(DisplayStyle.InlineBlock) }
    }) {
        Div({
            style {
                property("vertical-align", "top")
                display(DisplayStyle.InlineBlock)
            }
        }) { Text("Hello") }
        Div({
            style {
                property("vertical-align", "top")
                display(DisplayStyle.InlineBlock)
            }
        }) { Text(" Compose") }
    }
}
The error message in the console:
Copy code
Uncaught TypeError: Failed to execute 'set' on 'StylePropertyMap': Invalid type for property
How is that possible, and is there a workaround to that?
🐛 1