thecodeholic / lobipanel

jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.
MIT License
168 stars 75 forks source link

Dragging an undocked panel when the page has a floating nav bar #30

Open cjohnsonuk opened 8 years ago

cjohnsonuk commented 8 years ago

We're looking at using lobipanel to create a user dashboard. Our site has a nav bar div containing the site menus that snaps to the top of the screen when scrolling down the page so its always visible.
When we unpin our test panels with the nav bar "in line" on the page it works fine but when the nav bar snaps to the top of the page as we scroll down and panels we unpin move down the page when dragged and dropped so that they are not always visible even when scrolling right to the bottom of the page.

We know it should work as the lobipanel has its own fixed nav bar at the top of the page. Do you have any pointers as to why this is happening so we can look at changing how we deploy our nav bar?

thecodeholic commented 8 years ago

When we unpin our test panels with the nav bar "in line" on the page

Sorry but I did not understand what you mean. I think you do not have the latest version. Please download it from github or using bower and let me know if anything is changed.

cjohnsonuk commented 8 years ago

We've got the latest version downloaded a couple of days ago. On our extranet site (login only) there is a div (called nav bar) that holds all the menus for navigation around the site. As the page scrolls down this moves up until it hits the top of the browser window at which point the rest of the page continues scrolling but the nav bar sticks. When you scholl back up the nav bar rejoins the flow of the page in its original position. With the nav bar not docked to the top of the screen unpinning a lobi panel works and you can drag it around the screen using the title bar. When you release the mouse button the panel stays where it is. When we scroll down the page so that the nav bar docks to the top of the browser and unpin a lobi panel you can click and drag the panel but when you release the mouse button the panel is dropped onto the page further down than when you released the button. The distance down the page is about the same as the amount of page that has scrolled past the docked nav bar. Its a fairly specific set of circumstances. I'm only asking in case you've previously come across something similar. Turning off the Nav bar makes everything work as expected so we're reviewing the css there at the moment,

thecodeholic commented 8 years ago

OK. I got what the problem is. But I can not think why it happens. When panel is unpinned, it is appended in body tag with position: absolute. So nav bar should not affect panel. What do you have constrain option? Have you changed it?