Rehydration is adding placeholders tags to the head title tag

[kiwiupover]

<title><!--%+b:9%-->RV Rentals from the Most Trusted RV Owners | Outdoorsy<!--%-b:9%--></title>

https://cl.ly/1r3h03190G3x

[rwjblue]

Discussed in chat with @kiwiupover, basically the serialization format for:

{{#in-element headElement}}
  <title>{{someDynamicThing}}</title>
{{/in-element}}

Ends up emitting something like:

<title><!--%+b:9%-->Some Content<!--%-b:9%--></title>

And for <title> literally any content present is what will be the title of the tab/window (small demo here).

[rwjblue]

As a test, I suggested trying:

{{{somethingWithTitleTagIncluded}}}

Which might force the rendering engine to emit the comment nodes around the title tag (but not inside of it). Obviously, this work around has a number of other significant trade offs but it seemed reasonable to try...

[krisselden]

rehydration in the rcdata state https://dev.w3.org/html5/spec-preview/tokenization.html#rcdata-end-tag-name-state is always going to have this issue

[kiwiupover]

@rwjblue work around works just fine.

{{{somethingWithTitleTagIncluded}}}

https://www.outdoorsy.com

@rwjblue Should I add this to some docs of is there a fix to this like there is for a textarea?

[CvX]

I think the following should be prefaced with:

---

As I mentioned in ember-fastboot/ember-cli-fastboot#659 (comment), here’s a work-in-progress fix for invalid <title>, <style>, and <script> tags when used with EXPERIMENTAL_RENDER_MODE_SERIALIZE:

simple-html-tokenizer:
Draft PR: tildeio/simple-html-tokenizer#69
Treats all contents of those element as text content.

glimmer-vm:
master...CvX:fix-rehydration
Prevents adding the rehydration comments in those elements.