W Safari 7 na iOS i OSX mam pewne elementy, w których tekst jest przepełniony poziomo. Elementy te mają tekst asynchronicznie wypełniony przez Angular Translate. Wygląda na to, że Safari nie zdaje sobie sprawy, że treść zmienionego elementu nie powoduje ponownego renderowania; Zamiast tego pozwól, aby elementy podrzędne przepełniły się poziomo.Dlaczego safari poziomo wylewa tekst na niektóre elementy?
Odpowiedz
Wydaje się to repaint/przerysować problem, który został znany stało z układem Safari.
Można próbować to naprawić z kilkoma liniami JavaScript, który chcesz chcą wystrzelić jak tylko zawartość jest załadowany:
var sel = document.querySelector('#myElement')
sel.style.display = 'run-in';
setTimeout(function() { sel.style.display = 'block'; }, 0);
To powinno przerysować okno na granicach jego zawartość .
Zamień '#myElement'
za pomocą ID lub selektora CSS klasy, aby otrzymać swój przycisk. Ustawienie docierania (w przeciwieństwie do "brak") zapobiega migotaniu elementu. Limit czasu zero-m, ustawiający wyświetlacz z powrotem na blok, jest tym, co faktycznie powoduje odmalowanie.
Mam nadzieję, że to pomoże.
Już robię tę sztuczkę, używając dyrektywy w kanciastym. Jest to dość brzydkie. – Soviut
Z skrzypcami mogłem rozwiązać ten problem. To byłaby ogromna pomoc. –
Tutaj zacząłem od prawdziwej prostej makiety tutaj: http://jsfiddle.net/pq2asbhw/. Jeśli mógłbyś wprowadzić jakiekolwiek zmiany powodujące, że tak się stanie w Safari, z przyjemnością przedstawię inny wygląd. –
- 1. Jak wyrównać elementy menu poziomo
- 2. Bootstrap: wyśrodkuj niektóre elementy nawigacyjne
- 3. Węzeł numpy wyklucza niektóre elementy
- 4. Angular UI-router ignoruje niektóre elementy
- 5. Ustaw niektóre elementy w widoku siatki nieklikalne
- 6. Przekształcenia CSS3 wpływające na inne elementy z chromem/safari
- 7. Nakładające się elementy flexbox CSS w Safari
- 8. Fullpage.js Zjedź poziomo na przewijanie
- 9. Poziomo centrum DIV na stronie
- 10. wxPython: Elementy w BoxSizerze nie rozszerzają się poziomo, tylko pionowo
- 11. Jak dopasować dwa elementy div obok siebie poziomo?
- 12. Przepełniony tekst przycisku jest przycinany w safari
- 13. Problem z czcionką Safari, tekst za gruby
- 14. Dlaczego niektóre funkcje SQLite są oparte na zerach, a niektóre oparte na jednym z nich:
- 15. Dlaczego VIM podkreśla niektóre słowa?
- 16. Dlaczego niektóre (1) .getOrElse (niektóre (1)) nie typu Opcja [Int]?
- 17. Dlaczego tekst narysowany na panelu znika?
- 18. Odwróć poziomo html i css
- 19. Dlaczego niektóre niepuste ciągi oceniają na "false" w JavaScript?
- 20. Dlaczego niektóre kontakty są cenzurowane z aplikacji na Androida?
- 21. Dlaczego window.location niezdefiniowany na wszystkich właściwości w Safari 6 i Mobile Safari (iOS 6)
- 22. Mongodb - dołącz lub wyklucz niektóre elementy ze sterownikiem C#
- 23. Dlaczego nie można odtwarzać plików JavaScript .play() na iPhone safari?
- 24. Twitter Bootstrap: Zwiń tylko niektóre elementy menu do rozwijanego menu
- 25. Jak wybrać niektóre elementy w UICollectionView po pierwszym załadowaniu?
- 26. Pokaż tylko niektóre elementy w legendzie Python Matplotlib
- 27. Dlaczego konda aktualizacji downgrade niektóre biblioteki
- 28. Dlaczego niektóre tablice lustrzane siebie w Powershell
- 29. RecyclerView wewnątrz Scrollview, niektóre elementy nie są pokazane
- 30. Skalowanie Postgresa poziomo
@Soviut, czy możesz stworzyć jsfiddle lub przynajmniej podzielić się z nami CSS-em? – coma
@Soviut masz na myśli, że zawartość jest dodana programowo? – ProllyGeek
Tak, zawartość jest dodawana w czasie wykonywania przez dyrektywę translacji w kanciastym. Ładuje tłumaczenia z pliku json językowego, a następnie propaguje te tłumaczenia do dowolnego miejsca w szablonach. – Soviut