Почему барахлит выделение Flex-элементов?

Question

[Рома Зварич]

Здравствуйте.

Помогите пожалуйста понять, почему при выделении Flex-элементов слева направо, выделяются сразу три левых элемента, а не последовательно, как ожидается (в отличие, например, от "inline-block")?

Спасибо



Код JSFiddle

Comments

[alex]

браузер? версия? ос? версия? в других браузерах также? в других ос также? в любых сайтах или конкретно в этом фидле проблема? у меня вот личо все норм выделяется

[Рома Зварич]

Alex, хм, почему-то даже не подумал, что проблема может быть в этих моментах.
Оказалось, что дело в браузере.

Windows 10.
Браузеры последних версий на данный момент:

• Chrome - работает НЕправильно (Blink)
  
• Opera - работает НЕправильно (Blink)
  
• Firefox - работает правильно (Gecko)
  
• Edge - работает правильно (Edge)
  
• IE11 - работает правильно 0_o (Trident)
  

[alex]

Рома Зварич, да, но проблема-то осталась. у меня тоже в блинках такое-же поведение. видимо глюки (или особенность?) рендера. странно никогда раньше такого не замечал. интресно почему это происходит

Answer 1

[Рома Зварич]

Оказалось, что дело в браузере.

Windows 10.
Браузеры последних версий на данный момент:

• Chrome - работает НЕправильно (Blink)
  
• Opera - работает НЕправильно (Blink)
  
• Firefox - работает правильно (Gecko)
  
• Edge - работает правильно (Edge)
  
• IE11 - работает правильно 0_o (Trident)
  

Comments

[Alex Wells]

ff тащит

[profesor08]

Alex Wells, нет, с ним много багов, меньше чем с safari, но увы, хром пока единственный кто отображает так как ожидаешь, edge близок.

[Alex Wells]

profesor08, как жаль, что хром слишком убог, что бы заставить меня им пользоваться

Answer 2

[Дмитрий Pacification]

Неправильно по каким меркам? Может это как раз ожидаемое поведение с точки зрания браузера?