illusioninfotech VIP
Total posts: 35
08 Aug 2016 17:23

Hi, I created 5 Field Groups and are shown in Tabs on Article detail page. on the front end if i click on any tab and try to scroll down, the page seems to be stopped for a moment and scroll back above a little. it happening on mobile as well. You can check it at

http://www.devmahotsav.com/mandal-list/item/5-aradhya-ganesh-utsav-mandal

its affecting the user experience.

can you comment on this issue.

Last Modified: 17 Aug 2016


pepperstreet VIP
Total posts: 3,837
08 Aug 2016 19:44

illusioninfotech on the front end if i click on any tab and try to scroll down, the page seems to be stopped for a moment and scroll back above a little. it happening on mobile as well

Tested with latest SAFARI webkit browser. I can't see any negative effect. Tabs work fine here.

Which browsers did you use?


Sergey
Total posts: 13,748
09 Aug 2016 04:28

I do not see what you describe in Chrom either.

Although the problem might be the Tabs design in generald. this is not what we did we just used TBS tabs. The tab reffer to tab content through id="#tab-2". So perhaps # in URL sometimes recognised as page navigation.

Anyway this is only my suspicion.


illusioninfotech VIP
Total posts: 35
09 Aug 2016 20:36

Hi, I tested it on Chrome. i monitored it closely and found that when I click on 1st tab '#tab-0' and then on the next '#tab-1' and scroll immediately, it takes moment in browser url to take from #tab-0 to #tab-1. in that moment page stops to render it thus create scrolling issue. so may be its because of # in URL as you mentioned.

but there is another issue in the Tabs during Submission.

During submission, user has to submit by Tabs formed due to Field groups. so on the submission form there is the 1 st Tab (Main). if I fill all the details in 1s Tab and then Click on second Tab, it opens the second Tab, but a process happens, page refreshes and again it Opens a blank fields in 1st Tab (Main).

it can frustrating for a user to re submit the data.

you can test the issue by

Login on the page http://www.devmahotsav.com/mandal-list by username :user1 and password: illusion after login, you can Post from http://www.devmahotsav.com/mandal-list in Silver Plan.

i have recorded it for you. https://www.youtube.com/watch?v=_MaskyHoIHs& ;feature=youtu.be

thanks


pepperstreet VIP
Total posts: 3,837
10 Aug 2016 18:09

Hello, just had a quick look as demo user. It happens on the FIRST click on ANY tab. It is not bound to a specific tab.
I have seen you use the Gavick framework and their Restaurant template. Bootstrap version seems to be JUI BS2 from core. Many other JS scripts are loaded, too.

I would try the following to hunt down the error:

  • try submission with Protostar template (clean caches etc.), to make sure it is no general issue. maybe specific to your template...
  • try SEF URLs off.

Any differences?


illusioninfotech VIP
Total posts: 35
11 Aug 2016 10:21

Hi, I tried beez3 and Tabs are working fine. So, it could be a gavick issue. can you track down or solve it. its in submission form, so it affects users.


Sergey
Total posts: 13,748
16 Aug 2016 12:53

It looks (youtube) like it reloads page at all. I mean ti submits a form when you click on tabs. This is mostly JS somewhere. I do not think I'll be able to trak in what file JS adds this weird behaviour.


illusioninfotech VIP
Total posts: 35
17 Aug 2016 08:12

Hi Sergey, thanks.

i think i have to live with it. i will try with Gavick Forum.

Powered by Cobalt