Display none on h1 in trix fields

[diogo-vf]

• Laravel Version: 9.41.9
• Nova Version: 4.25.1
• eminiarts/nova-tabs: 2.2.3
• PHP Version: 8.1
• Database Driver & Version: MySQL
• Operating System and Version: Debian GNU/Linux 8 (jessie)
• Browser type and version: Firefox Developer Edition (Version 117.0b3 (64-bit))

Description:

Within a tab, we notice a problem when trying to apply a heading tag to some text using a Trix field:

The text disappears, because there is a wrong style that sets display: none on the <h1> tag.

Detailed steps to reproduce the issue on a fresh Nova installation:

Write any text, it'll display as normal

After clicking on the Heading button, the text disappears from the interface.
You can see in the dev tools that the heading is display: none

[bram-pkg]

Bump, this is also causing issues for us.

FYI @diogo-vf we fixed it by adding:

.trix-content h1 {
    /* important is needed here because of the nova tabs making h1 display none */
    display: block !important;
}

To our theme.css, which you can register using Nova::style('my-app-name', resource_path('path/to/stylesheet.css'));

[diogo-vf]

Bump, this is also causing issues for us.

FYI @diogo-vf we fixed it by adding:

.trix-content h1 {
    /* important is needed here because of the nova tabs making h1 display none */
    display: block !important;
}

To our theme.css, which you can register using Nova::style('my-app-name', resource_path('path/to/stylesheet.css'));

Thank you !

[phlisg]

Cheers for the temp fix @bram-pkg