Flashcards page scrolling up automatically when user type anything on the answer field

Hi there,

before reporting this I tested in two differents websites to make sure of the bug.

the flashcards page is scrolling up automatically (on Chrome)  when user type anythings on the answer field.

I have a screenrecording: https://www.useloom.com/share/60dddaf81ff14ef7a68152dc82520fb9 

any quick solution that could be done in order to fix it?

that's one page I'm using to test it ( https://portuguesnativo.philipebrazuca.com/plugintest/

hope it helps to improve the plugin.

 

 

BV52's picture

Hi philipebr,

I was able to reproduce this issue and I noticed that this only happens when the prompt to translate the website is present. Once the prompt has been dismissed the issue is resolved. Can you please check if this is the case on your end as well.

-BV52

for me it's working normally on Firefox and Safari, on Chrome I'm not seeing any prompt to translate, if that's the case is there any workaround on this? 

When I access the website using Chrome I don't see any option such as ¨Translate page¨ 

thanks for replying!! =)

 

BV52's picture

Hi philipebr,

Thank you for the information. In order to give your bug report the best chance of getting answered, please include the following information:

  1. Steps to recreate the bug
  2. Platform you're using: Drupal, Wordpress, Moodle (version number would be helpful as well)
  3. Mobile or Desktop
  4. Browser: Chrome, Firefox, Safari etc
  5. H5P plugin version
  6. H5P content type version
  7. Please include any error messages in the browser console (ctrl+shift+J)

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

-BV52

1. create a flashcard sequence on a page with enough space to scroll down

2. Using Wordpress

3. Problem happens on both Mobile and Desktop

4. Using Chrome will trigger the bug, Safari and Firefox are ok.

5. h5p 1.9.4 version

6. Content type version: Flashcards 1.5.1

7. You can see the problem on this page: https://portuguesnativo.philipebrazuca.com/plugintest/ 

hope it can help.

BV52's picture

Hi philipebr,

Thank you for the additional information. I created a report and you can follow it here.

-BV52

 

I am seeing the same problem with tools like Drag and Drop in Chrome - desktop PC. As soon as the draggable text is released the page scrools up to the top. In other tools the scrolling to the top of teh page happens as soon as buttons such as Retry are clicked.

BV52's picture

Hi istory,

Can you please provide a sample URL so that we can test it.

-BV52

icc's picture

The issue should be fixed with the next content type update. 

Hi guys,

I just updated the latest release (1.10.0), seems like the problem still persists on Chrome browser (mobile and desktop)

check this page: https://philipebrazuca.com/games/

try writing on the box and the page will roll up.

not sure if the responsiveness is working as it would supposed to (check attached image), box is too big, ¨your answer¨ field is partially appearing.

do you guys know any workaround for this matter? I've tried including on different wordpress websites, is flashcards working normally on your side?

thanks in advance!!

Philipe

BV52's picture

Hi Philipe,

What version of Chrome are you using? I am unable to reproduce this issue using Chrome Version 62.0.3202.62 (Official Build) (64-bit).

-BV52

hey !!! that's great, I updated my Chrome both on Desktop and Mobile and now seems it's working properly !! =D

BV52's picture

Hi Philip,

It's good to hear that it's working for you :-)

-BV52