The shop.html.heex and shop_root.html.heex were both full HTML documents. When nested (root layout + live layout), this created invalid HTML with duplicate <!DOCTYPE>, <html>, <head>, and <body> tags. This caused: - "Cannot bind multiple views to the same DOM element" console errors - Failed Lighthouse audits - Potential rendering issues Fix: - shop_root.html.heex: Now contains the full HTML document with theme settings, CSS variables, and data attributes - shop.html.heex: Now just passes through @inner_content Results: - Console errors: Gone - Best Practices: 96 → 100 - Total Blocking Time: 140ms → 30ms - HTML validation: Passes Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| layouts | ||
| page_templates | ||
| core_components.ex | ||
| layouts.ex | ||
| page_templates.ex | ||
| shop_components.ex | ||