Derock Comments - Answer Overflow

i made this quick demo, https://replit.com/@derock/some-solid-testing if you go here: https://some-solid-testing.derock.repl.co and inspect the dom, the text between text before child and text after child should be inside of a div (and colored red) but it is not

9 replies

SSolidJS

•Created by Derock on 12/21/2022 in #support

solidjs not putting element in the correct spot.

9 replies

SSolidJS

•Created by Derock on 12/21/2022 in #support

solidjs not putting element in the correct spot.

the issue doesn't happen 100% of the time, but im unsure of what conditions are changed when it does decide to place it outside the correct spot

9 replies

SSolidJS

•Created by Derock on 12/21/2022 in #support

solidjs not putting element in the correct spot.

<ProjectCard {...other props ommitted}>
  <pre>discord-html-transcripts</pre> is an open-source package for developers looking to create 
  Discord-style chat transcripts. It is built using <em>StencilJS</em> and <em>React SSR</em>. 
  It currently has over <em>20k</em> weekly downloads on npmjs.
</ProjectCard>

<ProjectCard {...other props ommitted}>
  <pre>discord-html-transcripts</pre> is an open-source package for developers looking to create 
  Discord-style chat transcripts. It is built using <em>StencilJS</em> and <em>React SSR</em>. 
  It currently has over <em>20k</em> weekly downloads on npmjs.
</ProjectCard>

and in the ProjectCard component,

 <p class="...tailwind styles here...">
  {props.children}
</p>

 <p class="...tailwind styles here...">
  {props.children}
</p>

is becoming

<p class="...tailwind styles here..."> <!-- WHERE IT SHOULD BE --> </p>
<pre data-hk="...">discord-html-transcripts</pre> 
is an open-source package for developers looking to create Discord-style chat transcripts. It is built using 
<em data-hk="...">StencilJS</em>
and 
<em data-hk="...">React SSR</em>. 
It currently has over 
<em data-hk="...">20k</em> 
weekly downloads on npmjs.

<p class="...tailwind styles here..."> <!-- WHERE IT SHOULD BE --> </p>
<pre data-hk="...">discord-html-transcripts</pre> 
is an open-source package for developers looking to create Discord-style chat transcripts. It is built using 
<em data-hk="...">StencilJS</em>
and 
<em data-hk="...">React SSR</em>. 
It currently has over 
<em data-hk="...">20k</em> 
weekly downloads on npmjs.

9 replies

Gaming

Programming