Readmore.js icon indicating copy to clipboard operation
Readmore.js copied to clipboard

Published 20 hours ago • verified publisher icon jedfoster

readmore collapsing on mobile scroll

Open nicksterFL opened this issue 5 years ago • 16 comments

for some reason the readmore container will collapse on mobile when a user scrolls. If you click the readmore element to expand the container, then scroll on mobile, the container will collapse, while the element still says "read less".

thoughts?

nicksterFL avatar Mar 12 '19 14:03 nicksterFL

What version of Readmore.js are you using? What mobile OS/browser?

jedfoster avatar Mar 13 '19 20:03 jedfoster

Oh yes this is an issue I am dealing with now. Ill post the link for the fix when I find it....

pcross1986 avatar Mar 20 '19 02:03 pcross1986

Fix https://github.com/jedfoster/Readmore.js/pull/179/files/26d102ae022cc9f9673185f57d3a547d913d5e6e..58bad3c7e0a0f6baf2163ad96ce29c707b436bc7

pcross1986 avatar Mar 20 '19 02:03 pcross1986

Would it be possible for either of you, @pcross1986 or @nicksterFL, to give version 3.0 a try? https://github.com/jedfoster/Readmore.js/tree/version-3.0

jedfoster avatar Mar 21 '19 16:03 jedfoster

Just saw this... I will let you know when I use version 3

pcross1986 avatar Apr 04 '19 19:04 pcross1986

seems to be fixed in v3.0.0-1 (beta)

Chrisser73 avatar Jun 13 '19 14:06 Chrisser73

Hi, I'm having this issue both on IOS (Safari and Firefox) and Android. If I use the DevToolbar on a desktop browser, and simulate an iPhone, for instance, the issue does not present itself, but when I test it on physical devices, the issue persists. I'm using the latest Readmore version available on GIT, and have tried to implement the solution posted by pcross1986 with no practical results. Anyone managed to tackle this yet?

GuySilva avatar Jul 28 '21 13:07 GuySilva

@GuySilva I ran into the same problem. I cannot solve it. My device iOS safari browser! @jedfoster help

vezhevich avatar Oct 15 '21 20:10 vezhevich

@GuySilva @vezhevich @nicksterFL @pcross1986 it can be fixed by adding the following css:

html,
body {
  -webkit-overflow-scrolling: touch;
}

kevinblackdesk avatar Oct 27 '21 13:10 kevinblackdesk

@kevinblackdesk sorry, it doesn't solve the problem

vezhevich avatar Oct 28 '21 08:10 vezhevich

@vezhevich what about

html,
body {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

kevinblackdesk avatar Oct 28 '21 08:10 kevinblackdesk

I don't know why, but touch scrolling produce 'resize' event. Now I just delete string window.addEventListener('resize', resizeBoxes); from readmore.js and it solves the problem.

xordiv avatar Dec 13 '21 11:12 xordiv

I don't know why, but touch scrolling produce 'resize' event. Now I just delete string window.addEventListener('resize', resizeBoxes); from readmore.js and it solves the problem.

how version you use?

vezhevich avatar Dec 14 '21 09:12 vezhevich

I don't know why, but touch scrolling produce 'resize' event. Now I just delete string window.addEventListener('resize', resizeBoxes); from readmore.js and it solves the problem.

how version you use?

2.1.0

xordiv avatar Feb 01 '22 08:02 xordiv

Is there any progress? I also encountered this on iphone safari

axiaoxin avatar Jul 05 '22 06:07 axiaoxin

same problem for us - only on Android devices

teamaton avatar Dec 15 '22 15:12 teamaton