Admonition box can only open half-way.

[foxdie987]

This is quite inconvenient (for visitors at least) and I'm not sure it's a bug, maybe something happens only on my end.

Admonition box can only open half-way when expanding it for the first time.

When I close and expand it again, it can display fully.

What do you think of this problem? It looks like the web browsers can't load it properly at first (but I tried different browsers and encountered the same issue)

The possible reason for the issue could be related to the CSS styles, the image inside the Admonition box is set to a specific width or height, and the container that holds the Admonition box is not large enough to display the entire image at once. This can cause the image to be cut off or partially displayed when the Admonition box is first opened. (It's just my guess and I need further guidance to solve this issue) 😄

This is the admonition code I'm using:

{{< admonition type=abstract title="Click to fold" open=false >}}
{{</* image src="images/Bell.webp" caption="Bell and markings" linked=true */>}}
{{< /admonition >}}

[foxdie987]

Update: I manage to temporarily fix this issue by edit _details.scss

.details-content {
      max-height: none !important;
    }

Adding !important to your CSS rule will give it the highest priority, overriding any other styles, including inline styles. However, someone says only using !important sparingly and as a last resort. At least it's a quick bandage for now.