Bullet point content loses font style/size (Possibly other settings) given various scenarios

[cjarczew]

Edit:

1. From the whole list bellow only Method 0 is valid for this ticket.
2. Please see commnet:1 for more details
3. Please follow 1-6.png to reproduce this particular issue in IE9-IE10.

---

Browser: FF 24.0, Chrome 30.0.1599.101 m, IE9.0.8112.16421

OS: Win 7

Reproducible location: Demo site and nightly

Initial steps to reproduce for all browsers for all scenarios

1. Go to the demo site
2. Delete all sample content from the editor
3. Press the bullet point toolbar option to start a new bullet list
4. Type in a few lines of bullet points

Method 0 fails differently in IE. Method 0 assuming highlighting is done with the mouse

5. Highlight(Using the mouse to cover the entire content) and change various styles like font to Georgia, size 16, text colour yellow etc
6. Click at the end of the last item in the bullet list and hit enter to start a new bullet. Don't type anything on the new bullet, notice all font settings are correct and if you were to type it would be fine.

Additional initial steps assuming highlighting is done with CTRL+A

5. Highlight(CTRL+A) them all and change various styles like font to Georgia, size 16, text colour yellow etc
6. Click at the end of the last item in the bullet list and hit enter to start a new bullet. Don't type anything on the new bullet, notice all font settings are correct and if you were to type it would be fine.

Method 1 to reproduce for all mentioned browsers

7. Move away from the bullet point with mouse/keyboard
8. Go back to the empty bullet point and notice all settings are now gone, if you start typing it will all be default

Method 2a to reproduce for just FF but not Chrome nor IE

7. Press Backspace to delete the newly created empty bullet which will take you back up to the end of the last bullet and notice the settings are now gone again.

Method 2b to reproduce for just Chrome but not IE (FF fails in 2a)

7. Type another line and hit enter to go to a newly created empty bullet point
8. Press Backspace to delete the newly created empty bullet which will take you back up to the end of the last bullet and notice the settings are now gone again. (For some reason it takes Chrome an extra line to fail like FF did in 2a)

Method 3 to reproduce for just FF and Chrome but not IE

7. Press Enter one more time so the bullet list is closed off and you are now on a new line under the list(Side defect: FF continues creating empty bullet points every time I press enter. Existing issue possibly? Seems intermittent as I have found ways for it to close the list off as expected. I will need to search current tickets and log if not).
8. Press Backspace which will take you back into the end of the last bullet list item and notice the settings are now gone again. If you type or create a new bullet point the settings are lost again

[cjarczew]

I can't edit my initial ticket but Method 0 is actually slightly wrong. It works fine in Chrome but not IE and it fails differently in IE. It deselects everything I've highlighted and places the cursor at the very start of the first bullet list item or the very end of the last bullet list item. (If I started highlighting with my mouse from the first bullet list item the cursor will be at the start of the first bullet list item and if I started highlighting from the end of the last item it will be at the end of the last bullet list item.

So let's say I choose font-size 20 it will actually say that in the editor but it wasn't applied to the selection. If I start typing it will be 20 but that's not what I was trying to do. I was trying to change the selected content.

If I select any subset of content within the bullet list it will actually apply correctly in IE. It's only when I cover the entire list.

[Jakub Ś]

1. Method 0 - I wasn't able to reproduce this in CKEditor 4.3. Please provide more details if possible (which browser, which doctype you have which put IE in particular mode, where you click with mouse to start selection (e.g. outside of editor or in editor but where exactly) and where you release it - screen shot (this may be important)).
2. Method 1 - Inline styles are continued by putting empty inline elements (spans for font size). Once you move away from it and go back, selection (cursor) is not put in that element anymore.
   This isn't editor fault but this is in fact how browsers handle this.
3. Method 2a - Please see ​http://dev.ckeditor.com/ticket/8195
4. Method 2b - the same as for Method 1
5. Method 3 - Part about Chrome is the same as for Method 1. Part about FF is very important and I have reported it here: #11212

To summarize:

1. Please provide more details on Ie selection issue. First of all please try to do this in our demo page or nightly but before you do that please close all tabs, just leave one empty and clear IE cache according to ​http://webdesign.about.com/cs/internetexplorer/ht/htclearcacheie.htm. Only then start testing
2. These issues are how browsers handle things. If you want to continue styles then simple please continue them and don't experiment.
   I understand that this is not what you wanted and on one hand it makes a lot of sense but on the other such inline styles deselection is nice (not planned) feature too. Anyway this is a won’t fix part.
3. FF list exiting with enter === good find. This is confirmed

I’m leaving this ticket open as pending because I need more details on IE selection issue.

[cjarczew]

Great, thanks for the detailed explanation. I got more info for you regarding Method 0. I was able to reproduce it a few different ways but I included the method that I used that was easily reproducible nearly every time.

Method 0 - I made a gif on how to reproduce: ​http://imgur.com/veKEair. I'm using IE9.0.8112.16421 and my document mode is IE9 standards. This is hitting the full sized editor on the demo site. Let me know if you need any more info

[Jakub Ś]

1. Note - if want to help someone please don't send gifs with 6 screens that change every second.
2. Thanks for steps to reproduce. Problem can be reproduced in IE9 and IE10 from CKEditor 4.0 beta. Please follow attached screens.