"My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

"My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Number of replies: 14
Picture of Plugin developers

Hi All

I am using Moodle 2.7.2. I have this drag and drop marker type Quiz question. The problem is when every time the page loads, after a second or two, the page drops down so that I can no longer see the "Save and show next" button. It's a no-no as far as usability is concerned.

Here's a clue: I never experienced this phenomenon when previewing the Quiz question. But then, a quiz preview does NOT have the Quiz Navigation block and timer counting down. So I wonder if it has anything to do with the Quiz Navigation block...


Has anyone experienced this problem? 

(An hour later) Now I think it has to do with the size (dimensions) of my image. The ship image abov e is 600 pixels wide by 399 pixels high. It is only 69 kilobytes.

I have another drag and drop marker question which uses an image with smaller width and height and that other question doesn't give me the same problem. I could try reducing the size of the ship image above, but it would mean that I have to reset all the polygon coordinates and determine them all over again (*sob*).

Regards
Frankie Kam 

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Picture of Plugin developers

An update. This happens in Chrome but not in Mozilla Firefox. In Firefox, the page does not jump down so that the "Save and show next" button is hidden from sight. Even if I reduce the image's dimensions, the problem remains when using Chrome.

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Marcus Green -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Have you checked this happens as a real student rather than a tutor/admin in preview mode?

Average of ratings: -
In reply to Marcus Green

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Picture of Plugin developers

It happens when I log in as either a student or an admin. It doesn't happen when I change my theme. So I think it is a theme issue. Or some clash in the Javascript files.

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Picture of Plugin developers

If some kind soul could take a look at this Mexican jumping bean of a question:

My quiz link:
http://cefl4u.org/test/mod/quiz/view.php?id=136
Username: user
Password: user123

Problem: my vertical-scrollbar jumps up to the top whenever I scroll down the page.
                 This only happens in Google Chrome. When tested in Firefox or IE, it doesn't jump.

Cheers and
Regards
Frankie Kam

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Marcus Green -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

HI Frankie, I have just been testing with that login on your site and I can see the effect if the browser is set to zoom more than 100% at the start of the quiz. It seems a very slight effect. If I was a student I would notice the very nice questions more than that effect and it does not seem to break the functionality in any way.

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Mary Evans -

Hi Frankie,

I do not use Chrome as I prefer FireFox when working in Moodle as I find it more reliable.

Safari uses web-kit too so I have tested it in Safari and find that it is totally broken.

It actually looks to be more a conflict with JavaScript than anything else, but I cannot tell for certain.

It works wonderfully well in FireFox smile

PS: check this out re the jumping scrollbar

https://productforums.google.com/forum/#!topic/chrome/rSRMisSQXTY

Average of ratings: -
In reply to Mary Evans

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Marcus Green -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

I have just tried it with Safari for Windows and It worked fine and as I would expect..... However if I get very slightly tricky (which I wouldn't do as a student taking a quiz but people will try anything) 

If you resize the window in and scroll to the bottom it jumps back as described, which would mean you cannot drag the markers to where they should go. My next step would be to test it against a core/clean theme and then fire up the debugger/inspector and see if I can find the issue.

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by AL Rachels -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Hi Frankie,

Have you tried it with the clock turned off?

Average of ratings: -
In reply to AL Rachels

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Picture of Plugin developers

Hi Al

Even with the CSS code:

#quiz-timer {
    display: none!important;
    margin-top: 1em;
}

It still jumps.

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by AL Rachels -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Hi Frankie,

I actually meant have you tried the quiz with the clock totally off in the quiz settings, not just doing it via css. The reason I ask is that when I was playing with the quiz, the jumps seemed to occur on 1 second time interval updates.

Average of ratings: -
In reply to AL Rachels

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Picture of Plugin developers

Oh I see! I turned it off at the Quiz Settings ... and the problem persists. Actually if I drag the vertical scrollbar down slowly, I can see some 'disturbance/flicker effect' at the header. So maybe the header has something to do with it. Actually I tried setting many elements to "display:none!important;". Nothing seem to work. As a stop-gap measure, we have decided to use Mozilla Firefox to do the real quiz, until such a time that I can solve the Chrome issue. 

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Marcus Green -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

I have only ever seen the thing where it scrolls back to the top, I have never seen anything like flickering or jumping on your site. I agree that it is probably a theme issue.

Average of ratings: -
In reply to Marcus Green

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Frankie Kam -
Picture of Plugin developers

> Have you checked this happens as a real student rather than a tutor/admin in preview mode?
>

Marcus, you were right. It happens when I login as a student and take the test. As an admin when I take the test, there is no jumping of the vertical scrollbar. Any idea what could be causing this?

Average of ratings: -
In reply to Frankie Kam

Re: "My drag and drop marker" Quiz question makes my webpage scroll/drop down - it's pretty frustrating

by Emma Richardson -
Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Plugin developers

I have moved this to the themes forum as it is apparently a theme issue and not a quiz issue.

Average of ratings: -