Inline admonitions/details overlap other details

[ghost]

• I've read the contribution guidelines and agree with them

I've found a bug and checked that ...

• ... the problem doesn't occur with the default MkDocs template
• ... the problem is not in any of my customizations (CSS, JS, template)
• ... the documentation does not mention anything about my problem
• ... there are no open or closed issues that are related to my problem

Description

When you set an admonition or detail block as inline, following admonition blocks will adapt to its size, but detail blocks will stay unaltered. Hence, the detail block ignores the inline block and gets overlapped.

I have tried both inline and inline end, also both an inline admonition and an inline detail. The result is the same, as you can see in the screenshots below.

See screenshots

Steps to reproduce the bug

Use a setup similar to this

??? info inline "I'm inline!"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo libero a massa consectetur sollicitudin.
    Morbi molestie nisl tempor turpis eleifend tristique. Donec ac ante interdum, lacinia ex eget, porttitor nisi.
    Pellentesque nec massa auctor felis sagittis cursus id et nisl. Duis aliquam, felis ut porttitor sollicitudin,
    libero libero placerat dui, laoreet tristique nibh nibh vel nunc. Quisque nec volutpat arcu. Pellentesque sit amet
    nibh porttitor, feugiat ipsum ut, commodo nisl.

!!! info "Admonition 1"
    I am an admonition

??? info "Detail 1"
    I am a detail

!!! info "Admonition 2"
    I am another admonition

Package versions

• Python: 3.9.1
• MkDocs: 1.1.2
• Material: 7.0.0

System information

• OS: Windows 21H1
• Browser: Firefox 85

[squidfunk]

Thanks for reporting!

[squidfunk]

Fixed in a17b637 together with #2337.

[squidfunk]

Released as part of 7.0.1.