#15285 new bug ()

Opened March 28, 2018 08:12PM UTC

Last modified March 29, 2018 06:23AM UTC

jQuery UI Position issue with hidden elements

Reported by: hubocan Owned by:
Priority: minor Milestone: none
Component: ui.position Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

Position is not set properly when the destination element is hidden.

Related issue is when hidden element is shown using:

.toggle({
  duration: "fast",
  effect: "fade"
}).position({
  my: "right top",
  at: "right bottom",
  of: this
});

Position is lost after the effect animation completes. If the effect property is not set, the default effect is used and position is properly set even when effect animation completes.

http://jsbin.com/pocuwonipe/edit?js,output

Attachments (0)
Change History (2)

Changed March 28, 2018 08:32PM UTC by hubocan comment:1

description: Position is not set properly when the destination element is hidden. \ Related issue is when hidden element is shown using: \ {{{ \ .toggle({ \ duration: "fast", \ effect: "fade" \ }).position({ \ my: "right top", \ at: "right bottom", \ of: this \ }); \ Position is lost after the effect animation completes. If the effect property is not set, the default effect is used and position is properly set even when effect animation completes. → Position is not set properly when the destination element is hidden. \ Related issue is when hidden element is shown using: \ {{{ \ .toggle({ \ duration: "fast", \ effect: "fade" \ }).position({ \ my: "right top", \ at: "right bottom", \ of: this \ }); \ Position is lost after the effect animation completes. If the effect property is not set, the default effect is used and position is properly set even when effect animation completes. \ \ [http://jsbin.com/pocuwonipe/edit?js,output]

Changed March 29, 2018 06:23AM UTC by rjollos comment:2

description: Position is not set properly when the destination element is hidden. \ Related issue is when hidden element is shown using: \ {{{ \ .toggle({ \ duration: "fast", \ effect: "fade" \ }).position({ \ my: "right top", \ at: "right bottom", \ of: this \ }); \ Position is lost after the effect animation completes. If the effect property is not set, the default effect is used and position is properly set even when effect animation completes. \ \ [http://jsbin.com/pocuwonipe/edit?js,output] → Position is not set properly when the destination element is hidden. \ Related issue is when hidden element is shown using: \ \ {{{#!css \ .toggle({ \ duration: "fast", \ effect: "fade" \ }).position({ \ my: "right top", \ at: "right bottom", \ of: this \ }); \ }}} \ \ Position is lost after the effect animation completes. If the effect property is not set, the default effect is used and position is properly set even when effect animation completes. \ \ [http://jsbin.com/pocuwonipe/edit?js,output]