question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Buggy behaviour with same HTML code

See original GitHub issue

To reproduce this bug simply open the PoC: http://jsfiddle.net/pkeaw30t/1/

Click and let the cursor/caret blink at the right of the first BBB. Now press BACKSPACE 3 times to delete the 3 letters B. After that, press any letter key on your keyboard (like Z) and you will see that Z will have the same border-bottom (or any style format) that BBB had.

Now do the same on the second line. You will realize that when you remove the BBB and type anything, the format/style will be lost entirely.

I really think the behaviour of the first line is the correct cause it prevents me (and my customers) from losing format when deleting part of a text. The problem is that there are some places where I cant use mceEditable so I think there is some bug with TinyMCE that should make the 2nd line behave like the 1st.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
lostkeyscommented, Jun 5, 2020

These kinds of behavior are often opinionated. Some users like to have the “default” style be applied, others expect to continue on the AAA formats in your example. I did a quick check with Google Docs and Word Online which are what our customers mostly want TinyMCE to behave like

Google Docs kept the formatting format-docs

Word online removed the formatting format-word

So there is no right path here.

To better help us prioritize, can you describe in more detail your use case and the pain points with the current behavior.

0reactions
batata004commented, Jun 9, 2020

Thank you, I appreciate your attention. So I will try to use custom formats, despite I still belive the Google Docs approach is the way to go!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Three Buggy React Code Examples and How to Fix Them
So, let's look at some of those examples. I'm going to provide three instances of “buggy” React code that technically gets the job...
Read more >
Chrome button:hover buggy? - HTML & CSS - SitePoint Forums
Using Chrome's Developer Tools and checking the :hover state, I'm not seeing any problems. The code is the same. The only difference is...
Read more >
Is assigning line-height to span element buggy in html?
Line-height is used to represent space between lines and is applied to a block element not for inline element. You can either change...
Read more >
Finding Bugs Using Your Own Code: Detecting Functionally ...
Although majority-voting assists analysts in identify- ing buggy code more reliably, it is still possible that a piece of buggy code is similar...
Read more >
Buggy JavaScript Code: The 10 Most Common Mistakes ...
A common example is code that adds a series of DOM Elements one at a time. Adding a DOM element is an expensive...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found