Safari прилага display:none различно от други браузъри

Проблем: Имам грешка в CSS, която се появява само в Safari, а не в който и да е друг браузър (обратно към IE8). Това не е причинено от експериментална/неподдържана функция и затова надушването на функции не е решение. По същество изглежда, че внедрява display:hidden & display:table неправилно.

Обмислях да заредя отделна таблица със стилове за Safari, но ненадеждността на надушването на браузъра не е нещо, на което искам да разчитам.

Подробности: Имам текстово поле, което се прилага display:hidden при задържане на друг елемент. Текстовото поле вече не се изобразява, но изглежда взаимодейства с други елементи на страницата, тъй като елементът, който се показва вместо това, се измества надолу по страницата. Знам, че това би трябвало да е невъзможно, но не мога да разбера защо останалите елементи са засегнати.

JSBin

Този JSBIN демонстрира, че страницата работи перфектно по предназначение в Chrome, Firefox, Opera, IE, тествано назад към IE8 и някои мобилни браузъри. Въпреки това, когато се отвори в Safari (и страницата е достатъчно широка, за да побере и двата елемента textarea на един и същ ред), елементите се разместват отново, когато се приложат ефектите на задържане.

Може ли някой да забележи какъв е проблемът тук или какво може да се промени, за да стане съвместим с браузъра?


person Rory    schedule 23.07.2015    source източник


Отговори (1)


Контейнерът .my-box е зададен на display: inline-block. Стойността по подразбиране за вертикално подравняване в CSS е baseline. Safari по някакъв начин изглежда подравнява съдържащите се елементи (с display: table и display: inline-block) в .my-box различно от другите браузъри. Можете да принудите Safari (и всички други браузъри) да подравнят всички елементи към горната част, като използвате този CSS:

.my-box {
     vertical-align: top;
}

Демо

Опитайте преди да купите

person insertusernamehere    schedule 23.07.2015
comment
С някои други незначителни редакции това ми позволи най-накрая да коригирам проблема. Благодаря! - person Rory; 23.07.2015