Reakcja Safari na komputerze Mac jest powolna podczas pisania na stronie z dużą ilością <input type = "text"> pól

Question

Ostatnio pracuję nad projektem i znajduję dziwny problem w Safari na Macu. Kiedy Safari ładuje stronę internetową ze zbyt dużą ilością pól tekstowych, staje się wolniejsze podczas ustawiania ostrości i wpisywania w tych polach.

Wykonałem prostą stronę php do przetestowania. Kod jest poniżej:

<?php 

for ($i = 0; $i < 1000; $i++) { 
    echo "<p> 
      <input type='text' /> 
      <input type='text' /> 
      <input type='text' /> 
      <input type='text' /> 
      <input type='text' /> 
     </p>"; 
} 
?> 

następnie otworzyć go w przeglądarce Safari 8.0 na Yosemite lub Safari 7.0 w Mavericks, spróbuj wpisać coś w niektórych dziedzinach, znajdziesz odpowiedzi Safari bardzo powolny podczas pisania.

Ale jeśli otwierasz tę stronę php w przeglądarce Firefox lub Chrome, odpowiedź jest bardzo szybka i normalna.

Próbuję również użyć niektórych edytowalnych bloków div do zastąpienia pól tekstowych wejściowych, znalazłem w Safari te edytowalne odpowiedzi div, pisząc bardzo szybko, a nie jak pola wejściowe.

Czy w odpowiedzi Safari wpisywanych w polach tekstu wejściowego jest coś specjalnego?

Answer 1

Dla tych, którzy potrzebują odpowiedzi. Odpowiedź jest taka, aby zawrzeć problematyczne wprowadzanie tekstu w oddzielnym opakowaniu formularza.

Oto przypadek użycia, który rozwiązuje problem. (Po raz kolejny, to jest problem, który dotyczy tylko safari, wydaje się działać dobrze w obie strony na chrom)

http://jsbin.com/hoxufu/1/edit?html,css,js,output