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).
Attachments (0)
Change History (5)
Changed November 04, 2018 03:34PM UTC by 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 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 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 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 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/ |
|---|