Zauważyłem, że Safari nie działa dobrze z materiałem kątowym. Wygląda na to, że problemy z kompatybilnością są wszędzie: style, układ itp. Czy ktoś inny spotkał się z tymi problemami i miał dobrą radę, jak dobrze ominąć te rzeczy?Angular Material and Safari Browser
Odpowiedz
W momencie pytanie, rzeczywiście istniały problemy z Kątowymi materiału w Safari:
- układzie (głównie zagadnień związanych Flex)
- dialogowych (pozycje obliczone błędnie/dialogi zwinięte)
- wydajność (niektóre z wymyślnych animacji, w tym tętnienie, skala od kliknięć, itp.)
Użyto materiału kątowego w wersji < v0.10.1
, który w rzeczywistości miał wiele problemów w ogóle. Jednak obecnie (a właściwie po Angular Materialie v1.x
), problemy te minęły (nie tylko w Safari).
Materiał kątowy stał się bardziej stabilny i bardziej wydajny (potwierdzają to zamknięte 7000+ problemy). Flexbox jest również lepiej obsługiwany w dzisiejszych czasach, co było przyczyną wielu problemów z układem dla wersji < 1.x.
Dla każdego ze znalezieniem pytanie dzisiaj, że jest uruchomiony kątowa Materiał < v1.x
, odpowiedź jest prosta: upgrade kątowa Materiał do nowszej wersji, najlepiej v1.1+
.
Używam materiału kątowego https://material.angular.io w pakiecie.json wersja to "@ kątowy/materiał": "2.0.0-beta.12" i jego praca jest dobra w przeglądarce Crome, ale styl/układ/czcionka to przerwa w safari przeglądarka V 5.1.7 (7534.57.2). tutaj są zrzuty ekranu niektórych kontroli próbki
- 1. Angular + Material - odświeżanie źródła danych (mat-table)
- 2. Angular JS Touch and Swipe
- 3. Animacje Angular 4 nie działają z Safari iOS 9.3
- 4. Angular 2 Material - Jak działa nakładka i portal?
- 5. Co to jest "cdk" w komponencie Angular Material 2
- 6. Jak utworzyć czarno-biały motyw za pomocą Angular Material Design?
- 7. ChangeDetectionStrategy.OnPush and Observable.subscribe w Angular 2
- 8. Angular 2 Slide Up and Down Animation
- 9. PHP get browser: mylące wyjście
- 10. Jak poprawnie zaimportować moduł Angular Material przez wspólny moduł w Angular 4?
- 11. Normalizacja obiektu zdarzenia Cross Browser?
- 12. Angular2 Material ViewportRuler testujący jednostkę błąd
- 13. document.evaluate - Cross browser?
- 14. jQuery najnowszy $ .browser
- 15. Narzędzie Getter and Setter obiektu modelu w Angular 4
- 16. Angular $ location.path() i window.location.resload nie działa w Safari/Firefox
- 17. Google Material Expansion Panel
- 18. Multiprocessing and Selenium Python
- 19. Nieskończenie przędzenia obrazu/div (cross-Browser)
- 20. Web Component - Wewnętrzne Browser buforowanie
- 21. Alternatywne opcje MySQL Query Browser
- 22. Czy istnieje emulator BlackBerry Browser?
- 23. Generowanie wykresów bez HTML/Browser
- 24. Cross browser preventDefault() bez jQuery
- 25. Czy Dyrektywy układu są obsługiwane przez Angular 2 Material Design Components?
- 26. Próba zaimplementowania autouzupełniania Chips with Angular Material. Pobieranie nie może odczytać właściwości "nextTick" z undefined
- 27. Django iframe Safari Fix
- 28. Załadowanie zasobu nie powiodło się: Observable.js.map w przeglądarce Safari 9.1.2
- 29. crash - material design android 5.0
- 30. Disable Material Ripple on Tablayout
To samo - widzę problemy w Safari, które nie są nawet obecne w IE, nie mówiąc już o FF lub Chrome. W związku z tym mamy masę przypadków '' md-content' collapsing (height: 0), ponieważ najwyraźniej nie ma żadnego dobrego powodu, całkowicie ukrywając całe sekcje layoutu itp. – csvan
wydaje się, że jest to specyficzny atrybut 'layout-fill'. "Wysokość: 100%" jest przyczyną problemów zwijania w Safari. – daniel0mullins
Ten numer sprawy: https://github.com/angular/material/issues/1720 wydawał mi się bardzo pomocny przy planowaniu safari –