Unexpected margin in pymdownx.tabbed when the text is joined with a code block

[reregaga]

When I write text close to a code block, margin appears between the tab title and the code block, you can see it in the second tab on the gif. I don't know what the problem is here, and I usually leave space in the markdown, I just accidentally noticed it. I think the recommendation would be to leave space around the code block in the markdown, but still I ask, is this expected behavior or does it look like a bug? 🤔

mkdocs.yml:

site_name: Test

theme:
    name: material

markdown_extensions:
    - pymdownx.superfences
    - pymdownx.tabbed:
        alternate_style: true

index.md:

# Header

=== "One"

    ```js
    one
    ```

    **one**

=== "Two"

    ```
    two
    ```
    **two**

Code:
example.zip

[squidfunk]

Thanks for noting. That's actually by design and resembles the behavior of tabbed fenced code blocks before we had Tabbed. The idea is: if a code block is the first child, the margin is gone. You can override the rule that adds the margin with additional CSS if you don't like the behavior:

.md-typeset .tabbed-block > .highlight:first-child > pre {
  margin: 1em;
}

[SPyofgame]

Isnt doing that will rip the title of the code block apart ?

[squidfunk]

Oh yeah, maybe you can fiddle with the CSS selector and try to find a solution? Margins are adjusted for pre elements when they are preceded by span.filename.

mkdocs-material/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss

Lines 167 to 182 in e24759f

	// Code block title
	span.filename {
	position: relative;
	display: flow-root;
	padding: px2em(9px, 13.6px) px2em(16px, 13.6px);
	margin-top: 1em;
	font-size: px2em(13.6px);
	font-weight: 700;
	background-color: var(--md-code-bg-color);
	border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest);
	border-top-left-radius: px2rem(2px);
	border-top-right-radius: px2rem(2px);
	// Adjust spacing for code block
	+ pre {
	margin-top: 0;