Adding underline not working in codegen.

Issues
1

In one case, adding underlining via variant does not appear to be working when using codegen + Next.JS css. It works fine when using Next.JS + Headless API. I think it has something to do with the css generated:
The inner div doesn’t define itself as .__wab_text with codegen, as it does when using headless API.

More details in comments.

image.png
image.png1920×823 331 KB

image.png
image.png1920×838 342 KB

2

.slotTargetChildrenselected {
color: var(--token-f6bFB_PrJ);
}
.slotTargetChildrenselected > :global(.__wab_text),
.slotTargetChildrenselected > :global(.__wab_expr_html_text),
.slotTargetChildrenselected > :global(.__wab_slot-string-wrapper),
.slotTargetChildrenselected > :global(.__wab_slot) > :global(.__wab_text),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_expr_html_text),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot-string-wrapper),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_text),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_expr_html_text),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_slot-string-wrapper),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_text),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_expr_html_text),
.slotTargetChildrenselected
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_slot)
> :global(.__wab_slot-string-wrapper) {
text-decoration-line: underline;
}

3

The long chain to define text-decoration-line: underline appears to not be working on the component, whether for hover, pressed, or the custom “selected” variant in codegen.

this is the /mamnoon-menu page on this project: 7Vf8ccS5NVpi2p94xhvgdE

4

Should applying to inner div:
<span class="__wab_slot PlasmicMenuLink_slotTargetChildren__3Qdcr PlasmicMenuLink_slotTargetChildrencolor_mamnoon__XGRMd PlasmicMenuLink_slotTargetChildrencolor_mamnoon_selected__azI29 PlasmicMenuLink_slotTargetChildrenselected__VymQm">
<div class="plasmic_nadi_mama_mobile_first_all__DNAO9 PlasmicMamnoonMenu_text__vg9EA__RopNQ">dinner</div>
</span>

5

The inner div doesn’t define itself as .__wab_text with codegen, as it does when using headless API.

6

Code is trying to add projectcss.__wab_text in the page’s Plasmic generation file -

className={classNames(
projectcss.all,
projectcss.__wab_text,
sty.text__lIFje
)}
>

However, projectcss file does not have __wab_text defined anywhere. I’m wondering if this lack of definition is leading to this issue.

7

cc @samuel We can take a look!