Проблем: Имам грешка в CSS, която се появява само в Safari, а не в който и да е друг браузър (обратно към IE8). Това не е причинено от експериментална/неподдържана функция и затова надушването на функции не е решение. По същество изглежда, че внедрява display:hidden
& display:table
неправилно.
Обмислях да заредя отделна таблица със стилове за Safari, но ненадеждността на надушването на браузъра не е нещо, на което искам да разчитам.
Подробности: Имам текстово поле, което се прилага display:hidden
при задържане на друг елемент. Текстовото поле вече не се изобразява, но изглежда взаимодейства с други елементи на страницата, тъй като елементът, който се показва вместо това, се измества надолу по страницата. Знам, че това би трябвало да е невъзможно, но не мога да разбера защо останалите елементи са засегнати.
JSBin
Този JSBIN демонстрира, че страницата работи перфектно по предназначение в Chrome, Firefox, Opera, IE, тествано назад към IE8 и някои мобилни браузъри. Въпреки това, когато се отвори в Safari (и страницата е достатъчно широка, за да побере и двата елемента textarea на един и същ ред), елементите се разместват отново, когато се приложат ефектите на задържане.
Може ли някой да забележи какъв е проблемът тук или какво може да се промени, за да стане съвместим с браузъра?