Linkify-Plus-Plus Ruins The Formatting of Quizlet Flash Cards When enabled

[npn225]

Please take a look at this set of flashcards here!

Whenever there is a URL in a flashcard, Linkify-Plus-Plus ruins the formatting of the flashcard!

In the list above, look at card 219 specifically!

[eight04]

Is there a way to jump to a specific card or do I have to click the right arrow 219 times?

[npn225]

Is there a way to jump to a specific card or do I have to click the right arrow 219 times?

Unfortunately, you have to click the right arrow 219 times!

But an example of the problem can also be found on Card 70!

You still have to click the right arrow 70 times - but 70 is 149 times less than 219!

Also, once you reach card 70, make sure to click on the card! This will cause the card to flip and reveal the answer!

The answer is what contains the problem that I am bringing to your attention!

Hope this helps and thanks for your assistance!

[eight04]

So the site displays the card as flexbox container without an inner box. After linkification, the link becomes the inner box and split the text.

Try applying following CSS to the page with a userstyle manager to fix the issue:

  .linkifyplus {
    display: contents;
  }

I wonder if we should put display: contents into the script. I'm not sure if it has negative effects.

[npn225]

So the site displays the card as flexbox container without an inner box. After linkification, the link becomes the inner box and split the text.

Try applying following CSS to the page with a userstyle manager to fix the issue:

  .linkifyplus {
    display: contents;
  }

I wonder if we should put display: contents into the script. I'm not sure if it has negative effects.

Thanks, @eight04!

Personally, I'm too lazy to manually alter the site's CSS with a user styles manager when I've already just disabled the script for the particular site in question!

But thank you @eight04, for your response and suggestion!