Skip to main content

Search and Top Navigation

#15319 new bug ()

Opened November 04, 2018 03:32PM UTC

Last modified November 04, 2018 03:43PM UTC

Slide Effect does not work with position:static

Reported by: constip Owned by:
Priority: minor Milestone: none
Component: ui.effects.* (individual effect) Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move.

As position: static calculates the margins differently from position: absolute, the position of child elements change if margins are involved (overlaps).

https://jsfiddle.net/z6urx3av/

Attachments (0)
Change History (5)

Changed November 04, 2018 03:34PM UTC by rjollos comment:1

description: The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins like inline-text and not like any other position the children of these elements shift. \ \ https://jsfiddle.net/z6urx3av/The Slide Effect works very beautifully except in the one case where one sets `position: static` on the element to move. \ \ As `position: static` calculates the margins like `inline-text` and not like any other position the children of these elements shift. \ \ https://jsfiddle.net/z6urx3av/

Changed November 04, 2018 03:36PM UTC by constip comment:2

description: The Slide Effect works very beautifully except in the one case where one sets `position: static` on the element to move. \ \ As `position: static` calculates the margins like `inline-text` and not like any other position the children of these elements shift. \ \ https://jsfiddle.net/z6urx3av/The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins like inline-text and not like any other position the children of these elements shift. \ \ Edit: The problem also occurs with the mentioned inline-text. Basically, the slide effect should use position: static instead of absolute when moving the object. \ \ https://jsfiddle.net/z6urx3av/

Changed November 04, 2018 03:38PM UTC by constip comment:3

description: The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins like inline-text and not like any other position the children of these elements shift. \ \ Edit: The problem also occurs with the mentioned inline-text. Basically, the slide effect should use position: static instead of absolute when moving the object. \ \ https://jsfiddle.net/z6urx3av/The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins like inline-text and not like any other position the children of these elements shift. \ \ Edit: The problem also occurs with the mentioned inline-text. \ \ https://jsfiddle.net/z6urx3av/

Changed November 04, 2018 03:41PM UTC by constip comment:4

description: The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins like inline-text and not like any other position the children of these elements shift. \ \ Edit: The problem also occurs with the mentioned inline-text. \ \ https://jsfiddle.net/z6urx3av/The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins differently from position: absolute, the position of child elements change if margins are involved (overlaps). \ \ https://jsfiddle.net/z6urx3av/

Changed November 04, 2018 03:43PM UTC by constip comment:5

description: The Slide Effect works very beautifully except in the one case where one sets position: static on the element to move. \ \ As position: static calculates the margins differently from position: absolute, the position of child elements change if margins are involved (overlaps). \ \ https://jsfiddle.net/z6urx3av/The Slide Effect works very beautifully except in the one case where one sets `position: static` on the element to move. \ \ As `position: static` calculates the margins differently from `position: absolute`, the position of child elements change if margins are involved (overlaps). \ \ https://jsfiddle.net/z6urx3av/