From 60427acbdf3758a028bdbf64231e458032954987 Mon Sep 17 00:00:00 2001
From: Miroslav Jancarik <miroslav.jancarik@firma.seznam.cz>
Date: Wed, 11 Sep 2024 22:10:25 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20playground=20template=20f?=
 =?UTF-8?q?or=20defined=20containerSelector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/cli/src/templates/body.ejs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/cli/src/templates/body.ejs b/packages/cli/src/templates/body.ejs
index 8068a476..683cc73d 100644
--- a/packages/cli/src/templates/body.ejs
+++ b/packages/cli/src/templates/body.ejs
@@ -1,5 +1,5 @@
 <% if(widgetProperties?.slot?.headline?.html){ %>
-  <div class="<%= (widgetProperties?.slot?.title?.containerSelector ?? 'headline-view').replace('.', '') %>">
+  <div class="<%= (widgetProperties?.slot?.headline?.containerSelector ?? 'headline-view').replace('.', '') %>">
     <%- widgetProperties?.slot?.headline?.html %>
   </div>
 <% } %>
@@ -9,7 +9,7 @@
     __merkur__.create(<%- escapeToJSON(widgetProperties) %>)
       .then(function (widget) {
         widget.containerSelector = '.merkur-view';
-        if (widget?.slot?.headline) {
+        if (widget?.slot?.headline && !widget?.slot?.headline?.containerSelector) {
           widget.slot.headline.containerSelector = '.headline-view';
         }