Typography settings of a parent text element do not affect links within

[richtabor]

I expected to be able to remove the underline of links within certain paragraph elements on my site — but as-is, the text decoration control applies a style to the <p> element, whereas links within it still retain the origin text-decoration style.

This is the case for any typography styles applied to elements.link — where the parent block's typography attributes are not carried through to the links within.

I'd expect to be able to modify the typography styles of links within a paragraph, with the paragraph's settings.

[hanneslsm]

This occurred for me for titles in a Query Loop. I want to make titles on the blog template to be a link but without an underline. It's currently not possible.

I'd expect to be able to modify the typography styles of links within a paragraph, with the paragraph's settings.

I had the very same expectation. Due to that it is very clear what the expectation from the user is, would it make sense to add a bug label? Or how about introducing "UX Bug" labels?

[richtabor]

@hanneslsm is the underline style the only one conflicting here? If so, perhaps targeting the a within the block's generated styles would be simple enough.

[hanneslsm]

Currently I am only aware of the underline style. I'll keep my eyes open though.

[hanneslsm]

For everyone reading, I added this line to my theme to fix it:

p[style*="text-decoration:none"] * {
  text-decoration: none;
  &:hover {
	text-decoration: underline;
  }
}