Double clicking on a list item on a big desktop causes the list on the left to be lost

[theirishpenguin]

Hi, in your demo app if double click on a list item (ie. if you start on the http://demo.bootcards.org/contacts screen on you are browsing on a desktop, not a mobile device) then it brings up the contact details but loses the list on the left.

I'd like to understand this bug. Is the mechanism by which clicking on a list brings up a new card on a small screen but simply selects the list on a big screen documented somewhere? Is it using pjax, some specific javascript or just a responsive html/css approach?

P.S. Great project!

[markleusink]

Hi,

Thanks!

The demo app is using Pjax to partial refresh areas of the screen. How it works is documented on their GitHub site.

In the demo app I detect if I'm on a small screen using this function. Then, when a user clicks on a list entry I'm either updating the right column (on bigger screens) or replacing the contents of the list container (on smaller screens). Relevant code for that part can be found here and here.

[theirishpenguin]

Thanks for the info @markleusink. That's great, cheers.