Fomantic-UI icon indicating copy to clipboard operation
Fomantic-UI copied to clipboard

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

Open caffeinatedbits opened this issue 5 years ago • 1 comments

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)

caffeinatedbits avatar Mar 01 '19 16:03 caffeinatedbits

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

apple-idn avatar Mar 16 '19 10:03 apple-idn