fix: minor regression

dyc3 · dyc3 · commit 31c0b157bc1b · 2025-07-31T14:51:08.000-04:00
diff --git a/crates/biome_html_formatter/src/html/auxiliary/opening_element.rs b/crates/biome_html_formatter/src/html/auxiliary/opening_element.rs
@@ -45,11 +45,19 @@ impl FormatNodeRule<HtmlOpeningElement> for FormatHtmlOpeningElement {
             r_angle_token,
         } = node.as_fields();
 
+        let l_angle_token = l_angle_token?;
         let name = name?;
         let is_whitespace_sensitive = is_element_whitespace_sensitive(f, &name);
         let is_canonical_html_tag = is_canonical_html_tag(&name);
 
         let bracket_same_line = f.options().bracket_same_line().value();
+
+        // if this isn't whitespace sensitive, and there is a comment trivia
+        // we must add a newline right after the comment.
+        if !is_whitespace_sensitive && l_angle_token.has_leading_comments() {
+            write!(f, [hard_line_break()])?;
+        }
+
         write!(f, [l_angle_token.format(), name.format()])?;
 
         write!(
diff --git a/crates/biome_html_formatter/tests/specs/html/comments/inline-with-block-element.html b/crates/biome_html_formatter/tests/specs/html/comments/inline-with-block-element.html
@@ -0,0 +1,3 @@
+<!-- comment --><div>
+<div></div>
+</div>
diff --git a/crates/biome_html_formatter/tests/specs/html/comments/inline-with-block-element.html.snap b/crates/biome_html_formatter/tests/specs/html/comments/inline-with-block-element.html.snap
@@ -0,0 +1,37 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+info: comments/inline-with-block-element.html
+---
+# Input
+
+```html
+<!-- comment --><div>
+<div></div>
+</div>
+```
+
+
+=============================
+
+# Outputs
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Attribute Position: Auto
+Bracket same line: false
+Whitespace sensitivity: css
+Indent script and style: false
+Self close void elements: never
+-----
+
+```html
+<!-- comment -->
+<div>
+	<div></div>
+</div>
+```
diff --git a/crates/biome_html_formatter/tests/specs/prettier/html/interpolation/example.html.snap b/crates/biome_html_formatter/tests/specs/prettier/html/interpolation/example.html.snap
@@ -40,11 +40,7 @@ x => {
 ```diff
 --- Prettier
 +++ Biome
-@@ -1,8 +1,7 @@
--<!--interpolations in html should be treated as normal text-->
--<div>
-+<!--interpolations in html should be treated as normal text--><div>
-   Fuga magnam facilis. Voluptatem quaerat porro.{{ x => { const hello = 'world'
+@@ -4,5 +4,5 @@
    return hello; } }} Magni consectetur in et molestias neque esse voluptatibus
    voluptas. {{ some_variable }} Eum quia nihil nulla esse. Dolorem asperiores
    vero est error {{ preserve invalid interpolation }} reprehenderit voluptates
@@ -56,7 +52,8 @@ x => {
 # Output
 
 ```html
-<!--interpolations in html should be treated as normal text--><div>
+<!--interpolations in html should be treated as normal text-->
+<div>
   Fuga magnam facilis. Voluptatem quaerat porro.{{ x => { const hello = 'world'
   return hello; } }} Magni consectetur in et molestias neque esse voluptatibus
   voluptas. {{ some_variable }} Eum quia nihil nulla esse. Dolorem asperiores

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<!-- comment --><div>`
	`2`	`+<div></div>`
	`3`	`+</div>`