2013-03-25 11 views
5

Czy następująca funkcjonalność jest błędem w Chrome, czy jest to prawidłowe zachowanie, którego nie rozumiem?Chrome dodaje <br> do contenteditable span z: after, jeśli jego treść zostanie usunięta; pluskwa?

W Chrome (wersja 25), jeśli mają zawartość edycji rozpiętość który węzeł dodany po nim poprzez: po klasie CSS, jak w tym jsfiddle

http://jsfiddle.net/yQBvn/

jeśli usunę wszystkie treść span, po usunięciu ostatniego znaku, Chrome dodaje <br> do edytowalnego zakresu treści. To nie jest w porządku.

Sprawdziłem, że Chrome nie robi tego, jeśli zawartość: css nie została dodana i sprawdziłem, że Firefox nie robi tego w żadnym wypadku.

+0

Zauważyłem, że Chrome 25 nadal dodaje
nawet po usunięciu css. –

+0

Nie widzę tego. Oto ten sam przykład bez css (z drugim zakresem, aby było jasne, czy dodano
) http://jsfiddle.net/y3mDa/ – jwrush

Odpowiedz

4

Chcesz zobaczyć coś CRAZY ?!

http://jsfiddle.net/joeframbach/VXMEN/

<body> 
<div id="EDIT-AREA"> 
    <span class='CHARACTER-NAME' contenteditable='true'>Bob</span><span>&nbsp;</span> 
</div> 
</body> 

Dodawanie rozpiętość ze spacją po to rozwiązuje problem. Nie pytaj mnie, dlaczego i jak.

+0

Dzięki! To wszystko, czego potrzebowałem. Przyjmuję za kilka minut, jeśli nikt nie przedstawi wyczerpującego wyjaśnienia. – jwrush

+0

Prawdopodobnie błąd w chrome. Możesz przesłać bilet za pośrednictwem oficjalnych kanałów Chrome, niezależnie od tego, jakie mogą być. –

+0

Jest to interesujące. Przejrzałem system śledzenia błędów i nie mogłem nic znaleźć. –

0

Firefox robi to także z użyciem DIV contenteditable

usunąć całą zawartość w treści edytowalne i bam tagu br.

Rozpocznij z pustym CE, koncentrują & hit przestrzeń, bam br

Rozwiązanie powyżej z użyciem pustego elementu bezpośrednio po div nic nie robi, z lub bez elementu pseudo jak: after.

Przędzenie działa jednak?

Chrome niesprawdzona.

Powiązane problemy