# Getting content missing error for a turbo frame but only when I broadcast with broadcast\_append\_to

**URL:** <https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203>\
**Category:** General\
**Created:** [July 11, 2023, 1:26pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203 "2023-07-11T13:26:00Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![nickjanetakis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/nickjanetakis/32/2122_2.png) [@nickjanetakis](https://discuss.hotwired.dev/u/nickjanetakis)\
**Post date:** [July 11, 2023, 1:26pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/1 "2023-07-11T13:26:00Z")

</div>

Hi,

I have a system that resembles GitHub comments conceptually. Instead of Issues and Comments I have Questions and Answers.

I’m using Turbo Frames so that when I list all of a Question’s Answers the Answer author can optionally edit or delete their answer. When they click edit it uses Turbo Frames to load the form to edit their Answer.

There’s both a save button as well as a cancel link. Clicking save will update the Answer. Clicking cancel sends a regular GET request to the question such as `/questions/3`.

All of this is working normally when I don’t `broadcast_append_later_to` in my model. Before going into more detail about the error, here’s the set up.

The Answer’s `update` action looks like this:

```auto
      if @answer.update(answer_params)
        respond_to do |format|
          format.turbo_stream
        end
      else
        render :edit, status: :unprocessable_entity
      end

```

The `create.turbo_stream.erb` looks like this:

```auto
<%= turbo_stream.append "#{dom_id(@question)}_answers", partial: "courses/answers/answer", locals: { course: @course, question: @question, answer: @answer } %>

```

The `update.turbo_stream.erb` looks like this:

```auto
<%= turbo_stream.replace @answer, partial: "courses/answers/answer", locals: { course: @course, lesson: @lesson, question: @question, answer: @answer } %>

```

My Question’s show template has this:

```auto
<ul id="<%= "#{dom_id(@question)}_answers" %>">
  <%= render partial: "courses/answers/answer", collection: @answers, locals: { course: @course, lesson: @lesson, question: @question } %>
</ul>

```

In my `answer.rb` model, there’s:

```auto
    broadcast_append_later_to [question, :answers],
      target: "question_#{question.id}_answers",
      partial: "courses/answers/answer",
      locals: { course:, lesson: question.lesson, question: }

```

If I comment out that line in the model, the following workflow is successful:

1. Create a new answer
2. The answer author sees the answer through an XHR from the Turbo Stream
3. The answer author can click edit which shows the answer form
4. The answer author can click cancel
5. The answer is shown without the form

If I manually reload my browser after 2 step it also works the same. If I edit the answer instead of clicking cancel then it works too (with and without a reload before clicking edit).

If I broadcast the answer, then everyone connected sees the answer correctly but then the cancel link doesn’t work the same for the answer author.

The problem is with the above workflow. If I execute the same 5 steps then when I click the cancel link, I get a content missing error. There’s no error on the back-end. I only see this in my JS console `Uncaught (in promise) Error: The response (200) did not contain the expected <turbo-frame id="edit_answer_175"> and will be ignored.`. But the source code has this turbo frame in it.

If I reload the page after step 2 then it works normally. This led me to think that the issue is related to when a broadcast occurs on the page, even if the broadcasted element is the person who created the element. Although in the network inspector in my browser, it’s not showing a websocket update when I submit an answer. This is being submit through an XHR to the author.

Editing and deleting the answer works fine, it’s only the cancel link that’s not working as expected.

Does anyone know what I might be doing wrong or how to further debug and fix this? I tried using both `broadcast_append_later_to` and `broadcast_append_to`, they both have the same issue.

Thanks. I’m using Rails 7.0.6 and the latest stable releases of everything Turbo related.

---

<div class="post-metadata">

**Author:** ![SylarRuby](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/sylarruby/32/106_2.png) [@SylarRuby](https://discuss.hotwired.dev/u/SylarRuby)\
**Post date:** [July 17, 2023, 2:24pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/2 "2023-07-17T14:24:46Z")

</div>

> [@nickjanetakis](#):
>
> Error: The response (200) did not contain the expected id “edit\_answer\_175” and will be ignored

That’s the issue. Are you sure you have an element with id `edit_answer_175` in the dom? You could refactor and do `dom_id(@question, :_answers)` etc and inside a class where you need to use `dom_id` just include it:

```rb
include ActionView::RecordIdentifier

```

---

<div class="post-metadata">

**Author:** ![nickjanetakis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/nickjanetakis/32/2122_2.png) [@nickjanetakis](https://discuss.hotwired.dev/u/nickjanetakis)\
**Post date:** [July 17, 2023, 4:58pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/3 "2023-07-17T16:58:18Z")

</div>

> [@SylarRuby](#):
>
> That’s the issue. Are you sure you have an element with id `edit_answer_175` in the dom?

Yep, both for the broadcasted element and non-broadcasted element when I do a full page reload. In both cases if I view the page source I see:

```auto
<turbo-frame id="edit_answer_175">
    <p>Hello world.</p>
</turbo-frame> 

```

Here’s a screenshot if I inspect the element after adding a new answer, then clicking edit and clicking the cancel link:

![image](https://canada1.discourse-cdn.com/flex027/uploads/stimulusjs/original/2X/4/4e9f06c18be804fe04640c4930ef7a9a26618334.png)

This produces an error of `turbo.es2017-esm.js:3650 Uncaught (in promise) Error: The response (200) did not contain the expected <turbo-frame id="edit_answer_202"> and will be ignored.`.

The edit link has `data: { turbo_frame: dom_id(answer, :edit) }` and there’s the corresponding frame in the `_answer.html.erb` file:

```auto
<%= turbo_frame_tag dom_id(answer, :edit) do %>
    <%== answer.html %>
<% end %>

```

Note: I’m using `<%==` here because it’s trusted. This field is saved in the DB after converting Markdown to HTML with a limited set of tags.

I also have this in my `answers/edit.html.erb`:

```auto

<%= turbo_frame_tag dom_id(@answer, :edit) do %>
  <%= render "form", course: @course, lesson: @lesson, question: @question, answer: @answer %>
<% end %>
```

---

<div class="post-metadata">

**Author:** ![SylarRuby](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/sylarruby/32/106_2.png) [@SylarRuby](https://discuss.hotwired.dev/u/SylarRuby)\
**Post date:** [July 18, 2023, 6:08am UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/4 "2023-07-18T06:08:15Z")

</div>

I believe `turbo_stream` needs a matching DOM element such as a div, section, span etc.

---

<div class="post-metadata">

**Author:** ![nickjanetakis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/nickjanetakis/32/2122_2.png) [@nickjanetakis](https://discuss.hotwired.dev/u/nickjanetakis)\
**Post date:** [July 18, 2023, 4:38pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/5 "2023-07-18T16:38:42Z")

</div>

> I believe turbo\_stream needs a matching DOM element such as a div, section, span etc.

The interesting part in this case is the piece that malfunctions is a cancel link which is a GET request  
through a regular link without Turbo Streams. I think frames are being used here? It’s just only an issue after the element appeared in the DOM through a Turbo Stream append.

---

<div class="post-metadata">

**Author:** ![yehoroli](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/yehoroli/32/3755_2.png) [@yehoroli](https://discuss.hotwired.dev/u/yehoroli)\
**Post date:** [May 16, 2024, 5:58pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/6 "2024-05-16T17:58:28Z")

</div>

Hey @nickjanetakis, I have the same issue. How did you solve it?

---

<div class="post-metadata">

**Author:** ![nickjanetakis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/nickjanetakis/32/2122_2.png) [@nickjanetakis](https://discuss.hotwired.dev/u/nickjanetakis)\
**Post date:** [May 16, 2024, 6:44pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/7 "2024-05-16T18:44:34Z")

</div>

> [@yehoroli](#):
>
> How did you solve it?

I never got past this issue.

---

<div class="post-metadata">

**Author:** ![yunggindigo](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/yunggindigo/32/1271_2.png) [@yunggindigo](https://discuss.hotwired.dev/u/yunggindigo)\
**Post date:** [May 18, 2024, 5:45pm UTC](https://discuss.hotwired.dev/t/getting-content-missing-error-for-a-turbo-frame-but-only-when-i-broadcast-with-broadcast-append-to/5203/8 "2024-05-18T17:45:01Z")

</div>

Could you explain your issue with more detail and include the partial with the cancel link so that I can see if there’s any issues with that too?