Live Preview: Add support for HTML Underline Tag Rendering

Steps to reproduce

  1. Wrap the text in Markdown Header with HTML underline tag
  2. Use Markdown Bold tag along with HTML underline tag

Expected result

  1. The Header should be rendered as an Header (Bold and in large text)
  2. When using underline in conjunction with bold tag the output should show both the underline and bold style on the text

Actual result

  1. The header looses its bold styling and text size becomes small
  2. When underline tag is present inside the bold tag only underline is rendered while when underline is outside the bold tag the only the bold styling is rendered

Environment

  • Operating system: Windows 11 build 22000.438 (64-bit)
  • Debug info:
SYSTEM INFO:
	Obsidian version: v0.13.19
	Installer version: v0.13.19
	Login status: not logged in
	Insider build toggle: off
	Live preview: on
	Legacy editor: off
	Base theme: dark
	Community theme: none
	Snippets enabled: 13
	Safe mode: off
	Plugins installed: 9
	Plugins enabled: 0

Additional information

All the snippets, plugins and custom themes have been disabled before testing

image

The 1st line shows heading in live preview mode when underline is used
The 2nd line shows the same issue when there cursor is actively editing the line

image

Using bold and underline styling together

image

Missing bold styling in live preview

image

Using underline tag inside bold styling

image

1 Like

We don’t support this. Moved to feature request.

FWIW, I’ve just discovered that using span tags with the appropriate CSS — span style="text-decoration: underline;" — produces the same results as in the initial description.