При использовании пользовательского маркера у summary, на IOS маркер поворачивается через один. Как исправить?

Question

[mosikus]

Здравствуйте. Есть *код*. Везде, кроме айос работает хорошо.
На айос такая проблема:
1. Нажимаем на summary 1 - раскрывается details, стрелочка не поворачивается.
2. Нажимаем на summary 2 - раскрывается details, стрелочка поворачивается у summary 1.
3. Нажимаем на summary 3 - раскрывается details, стрелочка поворачивается у summary 2.
Далее закрываем:
1. Нажимаем на summary 3 - закрывается details, стрелочка не поворачивается.
2. Нажимаем на summary 2 - закрывается details, стрелочка не поворачивается.
3. Нажимаем на summary 1 - закрывается details, стрелочка поворачивается у summary 2.

*ВИДЕО*

У меня андроид, не могу решить эту проблему, может кто-то сталкивался ?

Answer 1

[Ivan Bogachev]

Это очень похоже на баг флексбоксов №9. Суть в том, что некоторые элементы, в том числе summary, отображаются браузерами по-своему и их нельзя сделать flex-контейнерами - все конфликтует между собой. Там может любая магия происходить из-за этого. В некоторых браузерах это пофиксили, в некоторых - нет. Мораль: используйте флексы осторожно, особенно там, где и без них можно обойтись - display: block и inline-block никто не отменял.

Comments

[mosikus]

*Так* проблема не исчезла

[mosikus]

Ivan Bogachev, тут кое-что выяснилось.
С *этими* стилями бага нет. Что в нем изменил ? Всего лишь убрал свой маркер, оставил дефолтный. Эту проблему можно как то решить ?

[mosikus]

Пока у меня на уме убрать маркер и вставить изображение через img. Если details открыт, то поворачивать его.