Безумная проблема с Chrome ... Chrome отображает двадцатые

Question

Возможно, я глупый и что-то упускаю из виду, но у меня странная проблема, которая возникает только в Chrome (12.0.7, но, возможно, и в других версиях). Проверить этот сайт:

http://www.jungledragon.com

Справа вы увидите панель обновления сообщества. Вот как это выглядит в любом крупном браузере, кроме Chrome:

А вот как это выглядит в Chrome:

Это делает двадцатые? Когда вы нажимаете на один, он расширяет строку. Нажатие снова сворачивает ряд. Нигде в моем коде нет никакой разметки для реализации такого поведения. Это что-то особенное, потому что я использую теги фигур? Я тестировал этот сайт в Chrome раньше, и тогда это не было проблемой, так что это может быть недавняя ошибка.

Answer 1

Элемент details должен демонстрировать поведение, которое вы испытываете в Chrome.

Спецификация :

Элемент details представляет собой виджет раскрытия, из которого пользователь можно получить дополнительную информацию или контроля.

..

Атрибут открытого содержимого логический атрибут. Если присутствует, то указывает, что детали должны быть показано пользователю. Если атрибут отсутствуют, детали не должны быть показано на рисунке.

Когда элемент создан, если атрибут отсутствует, подробности должен быть скрыт; если атрибут отсутствует, детали должны быть показаны. Впоследствии, если атрибут удалены, то детали должны быть скрытый; если атрибут добавлен, детали должны быть показаны.

Пользовательский агент должен разрешить пользователю просить, чтобы детали были показаны или скрытый. Чтобы удовлетворить запрос на детали, которые будут показаны, пользовательский агент должен установить атрибут открытия на элемент к значению open. В честь запрос на детали, которые будут скрыты, пользовательский агент должен удалить открытый атрибут из элемента.

В некоторых версиях Chrome 12 (dev channel) добавлена ​​правильная поддержка открытия и закрытия элемента details.

Согласно http://caniuse.com/#search=details, Chrome - единственный браузер, который поддерживает это на данный момент.

Чтобы исправить это, я думаю, вам следует заменить элемент details другим элементом.