Closed as not planned
Description
Describe the bug
I made a dynamic table which columns are displayed upon user preference, using stores.
When the user choses to display the last column a weird <iframe> is inserted in the <thead> row elements before the newly displayed <th> element. And this, of course, breaks the table flow.
Reproduction
Make a table like the following tree:
<script>
import {showColumnB} from '$lib/stores/preferences';
</script>
<table>
<thead>
<tr>
<th>A</th>
{#if $showColumnB}
<th>B</th>
{/if}
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
{#if $showColumnB}
<td>B</td>
{/if}
</tr>
</tbody>
</table>Logs
No response
System Info
System:
OS: Windows 10 10.0.19042
CPU: (8) x64 Intel(R) Core(TM) i5-10210U CPU @ 1.60GHz
Memory: 436.07 MB / 7.84 GB
Binaries:
Node: 16.15.0 - C:\Program Files\nodejs\node.EXE
npm: 9.6.4 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: 115.0.5790.173
Edge: Spartan (44.19041.1266.0), Chromium (115.0.1901.183)
Internet Explorer: 11.0.19041.1202Severity
serious, but I can work around it
Additional Information
I get the following iframe inserted before the last column:
<iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank">
<html><head></head><body></body></html>
</iframe>I made sure all browser plugins are disabled but still got the same output.