Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lines with links do not render with proper styling #18

Open
joerodrig opened this issue Sep 7, 2021 · 1 comment
Open

Lines with links do not render with proper styling #18

joerodrig opened this issue Sep 7, 2021 · 1 comment

Comments

@joerodrig
Copy link

joerodrig commented Sep 7, 2021

Issue

When a line that starts with an achor link is bolded, the entire line gets bolded.

Reproducing the issue:

Case: Only the link is bolded(NOTE: ensure 'Lorem Ipsum' is an anchor link)
Copy: Lorem ipsum - dolor sit amet, consectetur adipiscing elit
Precondition: Bold only the Lorem ipsum part
Result: The entire line is bolded
Result HTML:

<p>
  <b>
    <a href="https://www.example.com">
      <b>Lorem ipsum</b>
    </a> - dolor sit amet, consectetur adipiscing elit
  </b>
</p>

Expected result: Only Lorem ipsum is bolded
Expected HTML:

<p>
  <a href="https://www.example.com">
    <b>Lorem ipsum</b>
  </a> - dolor sit amet, consectetur adipiscing elit
</p>

Current workarounds

Workaround 1: Inserting an invisible character at the start of the line extra line(ie. a space) causes the issue to semi-resolve itself
Copy: [INVISIBLE_CHARACTER]Lorem Ipsum - dolor sit amet, consectetur adipiscing elit
Result: Only the Lorem Ipsum is bolded
Result HTML:

<p>
  <b></b>
  <a href="https://www.example.com">
    <b>Lorem ipsum</b>
  </a> - dolor sit amet, consectetur adipiscing elit
</p>

Workaround 2: Italicizing the bolded link causes the link to be bolded and italicized and the rest of the line appear correct
Copy: Lorem Ipsum - dolor sit amet, consectetur adipiscing elit
Result: Only the Lorem Ipsum is bolded and italicized
Result HTML:

<p>
  <i><b></b></i>
  <a href="https://www.example.com">
    <i><b>Lorem ipsum</b></i>
  </a> - dolor sit amet, consectetur adipiscing elit
</p>
@rubydog
Copy link
Collaborator

rubydog commented Sep 8, 2021

Hey @joerodrig thanks for reporting the issue. 

I will look into it and get back to you if I need more details.

Cheers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants