fomantic / Fomantic-UI

Fomantic-UI is the official community fork of Semantic-UI
https://fomantic-ui.com
MIT License
3.58k stars 333 forks source link

Vertical divider does not automatically swap to a horizontal divider at mobile resolutions when used inside a stackable grid #531

Open caffeinatedbits opened 5 years ago

caffeinatedbits commented 5 years ago

Bug Report

Documentation states that vertical divider automatically swaps to a horizontal divider at mobile resolutions. Vertical divider does not automatically swap to a horizontal divider at mobile resolutions.

Steps to reproduce

  1. See fiddle which uses code copied from https://fomantic-ui.com/elements/divider.html
  2. See "vertical divider" first example at https://fomantic-ui.com/elements/divider.html with browser width set to mobile-like resolution

Expected result

Vertical divider should automatically swap to horizontal divider at mobile resolutions

Actual result

Vertical divider remains vertical and overlays horizontal stack right down the middle

Testcase

https://jsfiddle.net/wut5jne3/

Screenshot

image

Version

Latest, but goes all the way back to the origins (see https://semantic-ui.com/elements/divider.html)

apple-idn commented 5 years ago

FIX if add "divider" between column

Jepretan Layar 2019-03-16 pukul 6 58 03 PM

this my work

Jepretan Layar 2019-03-16 pukul 7 15 19 PM