bug: Nightly - overflow-scroll="true" doesn't work on a view in standard sidemenu project. about ionic-v1 HOT 17 OPEN

From @chrisciszak on March 9, 2015 22:46

Any update on this issue?

from ionic-v1.

From @Koosmann on March 10, 2015 1:3

+1, this also happens on iOS.

from ionic-v1.

From @xml on March 10, 2015 4:47

my <ion-content>'s stopped overflow-scrolling pretty much everywhere I'm using them, in-browser or on-device. Content is simply truncated.

from ionic-v1.

From @xml on March 10, 2015 5:22

Check 6e149ee. It put an overflow:hidden; on .pane. Removing that restores the scroll behavior from 0.9.27.

from ionic-v1.

From @chrisciszak on March 10, 2015 8:9

I want to avoid hacking as much as I can, even simple changes. Ionic its a
serious company so I believe they will address this point ASAP. Its so easy
to repeat, yet it stops us from upgrading, not even mentioning people who
will start from 1.0 version and be surprised with the newest 'stable'
version.
On 10 Mar 2015 05:23, "Christian Lilley" [email protected] wrote:

Check 6e149ee
ionic-team/ionic-framework@6e149ee.
It put an overflow:hidden; on .pane. Removing that restores the scroll
behavior from 0.9.27.

—
Reply to this email directly or view it on GitHub
ionic-team/ionic-framework#3251 (comment).

from ionic-v1.

From @xml on March 10, 2015 8:43

Well, in the short-term you can just use an override in your own CSS without hacking the ionic file:

.pane {
    overflow-y: scroll;
}

from ionic-v1.

From @cyptus on March 10, 2015 9:8

just wrote this fix tonight:
add the following if-statement around line 1786 in ionic.bundle.js (RC1), like this:

if (ev.direction != 'up' && ev.direction != 'down') {
    ev.srcEvent.preventDefault();
}

from ionic-v1.

From @perrygovier on March 11, 2015 22:21

Note: when this happens in iOS, it's related to #3267

from ionic-v1.

From @chrisciszak on March 22, 2015 18:9

Quick update, this is not resolved in rc1.01.

Also

.pane {
    overflow-y: scroll;
}

does not solve the problem.

@cyptus's workaround solves the problem...

@perrygovier can you confirm when you plan to resolve this one?

Thanks

from ionic-v1.

From @Fayozjon on March 24, 2015 18:4

cciszak

http://miyonline.net/foreks

22.03.2015, 21:09, "cciszak" [email protected]:Quick update, this is not resolved in rc1.01.

Also

.pane {
overflow-y: scroll;
}

does not solve the problem.

However, what I noticed is that, when running on a device, the scrollbar seems to think that there is nothing to scroll, although the content is still available to scroll. does it ring a bell?

—Reply to this email directly or .

from ionic-v1.

From @lgrube3 on June 8, 2015 20:46

Thank you cyptus! This solves the issue. I was banging my head for awhile on this one.

from ionic-v1.

Hello! Are you all still having this issue with the latest version of Ionic (ionic 1.2.4)?

from ionic-v1.

From @krigulson on April 13, 2016 6:42

I have Ionic version 1.7.14 and when I created my app and there is login screen and when rotating device to landscape then scroll not working in this "login" view.
I also disabled navbar in this view but this is not the issue.
If I just comment my Login view code out and copy-paste some another view code there where landscape scrolling works then it works in login screen as well.
If I change overflow-scroll="true" > overflow-scroll="false" then I can drag to down but it jumps to up back when I release my finger. So if overflow-scroll is disabled then can drag but cant scroll.

Pretty nice party blocker. :(

from ionic-v1.

From @fariazz on June 9, 2016 3:59

+1 for a fix to this problem.

from ionic-v1.

From @william-beange-hs on June 22, 2016 20:44

+1

from ionic-v1.

From @leafdropco on July 3, 2016 4:30

Having the same issue using tabs.
It looks like there is a fixed height that you can scroll within ion-content, even though the height is set to auto.

Here is my html structure:

<ion-pane>
  <div>
    <md-tabs>
      <md-tab>
        <ion-view>
          <ion-content>
            <ion-list>

I'll only get about 20 of my list items in my scrollable area, theres about 40 items in my dom that I can't get to. The above css hack doesn't work in my case. This is killing me.

from ionic-v1.

From @weldermarcosxd on January 9, 2017 23:12

+1 for this issue in 2.1.18

from ionic-v1.