"Flashing" of content while closing slidebars

[wai0205]

I just notice there is a flash while closing the slidebars on my iPhone 5S (Safari / iOS 7.0). It's a flashing of ghost shadow of my slidebars while closing.

This appears for pages that do not have long enough content for my main site, i.e. doesn't have any scrolling for the main site. The flashing shows up after I close the slidebars by clicking on the site. (It doesn't appear when I close the slidebars by clicking items with class .sb-close // or i have long enough main site content )

Thanks for looking at my issue. I do appreciate your plugin much =)

[adchsm]

Hi there,

I haven't experienced this issue before. What version of Slidebars are you using, and do you have a demo url I can test?

Thanks, Adam

[wai0205]

This actually happens too when I open Slidebars' main site: http://plugins.adchsm.me/slidebars/ I open the right slidebar and close it by clicking the main site, I can see the flashing afterwards. The left slidebar works fine.

I use iP5s / iOS 7.0 / Safari / Chrome, thanks !

[adchsm]

Hey there,

I have taken a look at this on an iPhone 4 running iOS 7.1.1 and 7.1.2 and can't replaciate this issue. I also tried on iOS simulators running iOS 7 and couldn't find the issue.

Do you have a demo url I can see?

Thanks, Adam

[wai0205]

Actually I just try to use your example and the problem still exists.

http://chinese-rituals.com/test/control-classes.html OR http://goo.gl/8PO2QH

Please try to close the menu by clicking main site (white area) and you'll see a flashing of dark grey menu below the "Toggle right Slidebar" ul.

BTW I tried to use other versions, and this problem comes out while I'm using version 0.10 / 0.10.1 / 0.10.2. But that doesn't happen while I'm using version 0.9.4 / 0.9.

It would be great if you could find a real iP5S for testing ;) I wonder iP4 is a bit too "Short" to present the problem.

Thanks so much !

[adchsm]

Hey there,

I just took a look at the url on an iPhone 4, and iPad (which def wouldn't be too short), and couldn't see the problem. I also tested it on an iPhone 5S on BrowserStack, and still couldn't replicate it.

I don't have access to an actual iPhone 5S I'm afraid. Could you perhaps create a video of the problem?

Thanks, Adam

[wai0205]

I've just captured the video of my phone ;) Please kindly download here: https://drive.google.com/file/d/0B5DdK0A9DmFqVU9iYWl2ZlRJYVk/edit?usp=sharing

Thanks for help !

[adchsm]

Ahh I see whats happening now. The plugin sets the site containers minimum height to be the screen height. When a Slidebar is closed, inline styling is being removed, and then reset.

If your site content was to taller than the screen height, I don't think would happen. However I will also look into another way of resetting the inline css without removing it first.

I hope that helps.

Thanks, Adam

[wai0205]

Thanks, and that actually doesn't happen for 0.9.4 / 0.9 version. Maybe can look into the changes from 0.9 to 0.10.

Android phone doesn't seem to have the problem as well.

Thanks for your effort. I've been searching for off-canvas navigation plugins and I believe yours is really an outstanding one :) I'm looking forward to the later updates.

[adchsm]

Ahh yes, that wouldn't happen to any 0.9.* version. Those versions didn't remove the inline styling transform: translate(0px) after closing, that was new in the 0.10.* ones.

I'll test out a few other options, and keep you updated here.

Thanks Adam

[adchsm]

Hey there,

Can you try downloading the development version and see if the error still occurs.

Thanks, Adam

[wai0205]

Hello, I've just recorded another video for your reference. https://drive.google.com/file/d/0B5DdK0A9DmFqa1JLNXU0VXZfNXM/edit?usp=sharing

I think the problem disappeared but the performance seems not good at all. It's not running smoothly / a bit too slow.

While toggling the right menu, sometimes it doesn't work as normal and it has been shown in the video.

Thanks =)

[adchsm]

Hey,

Ahh that would be my fault, I forced the animation style to jQuery .animate() when testing and forgot to remove that line of code. Try this version.

Thanks, Adam

[adchsm]

Hmm, your last comment doesn't appear to be showing here, but I got an email about it?

Are the delays your experiencing on <a> links, or just normal elements?

.sb-close on links we're purposely designed to be clicks rather than touchend. This is to make sure the user actually meant to tap/click it rather than accidentally releasing a touch, which may just have been a scroll.

I hope that helps,

Thanks, Adam

[alright-fine]

Hey @adchsm, I was experiencing a similar issue with content "flashing" when a menu was being closed, and the development version that you posted fixed it.

[adchsm]

That's good to hear. The new dev version uses a vh units for a minimum of 100% viewport height, with a js fallback to make sure the site container is at least as tall as the screen.

[ChandraVaghasiya]

how to set flash screen in lunching the particular application in iphone??

[adchsm]

I'm sorry, I'm not quite sure I understand. Are you having a similar problem to this?

[mnakalay]

Hello, Just my 2 cents. I also recently noticed the flashing problem on iPhone with however a little interesting detail. The flashing only appears if I close slidebars by touching anywhere on the website. Now my slidebars also include a close button and when using that, no flashing.