<turbo-cable-stream-source> tag can affect visual layout

[jordan-brough]

A <turbo-cable-stream-source> element can mess up layout depending on where it's placed. This only happens in certain situations but it feels unexpected when it does happen.

It seems like this shouldn't be the default behavior for a Rails app?
Should it be hidden via display: none, or some other solution?

For example, this code:

<style>
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-item {
  background-color: lightblue;
}
</style>

<div class="grid-container">
  <div class="grid-item">Item 1</div>
  <div class="grid-item">Item 2</div>
  <turbo-cable-stream-source></turbo-cable-stream-source>
  <div class="grid-item">Item 3</div>
  <div class="grid-item">Item 4</div>
</div>

produces this result:

See this jsfiddle.

[jordan-brough]

Someone opened a PR earlier this year with a potential solution for this issue here: #557