-
Notifications
You must be signed in to change notification settings - Fork 99
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Scrollbar Hidden not working #250
Comments
I agree with @Gabb1995 I am creating a scrollable tab, where the tab items (title bar) shows buttons to the left/right. There was a blank space where the scrollbar was which pushing the tab content down. The following removed the empty space where the scrollbar was without affecting functionality of ng-drag-scroll
"ngx-drag-scroll": "^8.0.0-beta.2" |
The root cause is that the component can't get the event when the child node width and height change. For example, the child component is an image, After image loading, the image will be loaded as the actual size, but the component can't the real size when initialize. |
I have the same problem and I am unable to override it:
Please fix it!!! |
Hey @Thomas1664 , which version of the library are you using? Have you tried the latest release? |
package.json:
|
I'm having a hard time reproducing the issue on my end. I would be grateful if you can create a https://plnkr.co/ with your use case so I can work the fix form there. |
the problem is that although I disabled scrollbars, <drag-scroll _ngcontent-vxv-c54="" class="svg-draggable" _nghost-vxv-c12="" ng-reflect-scrollbar-hidden="true"
ng-reflect-y-disabled="true" style="pointer-events: auto;">
<div _ngcontent-vxv-c12="" class="drag-scroll-wrapper drag-scroll-container"
style="width: 100%; height: 124px; overflow: hidden;">
<div _ngcontent-vxv-c12="" class="drag-scroll-content" drag-scroll="true"
style="width: 100%; height: 100%; overflow: auto hidden; display: block; white-space: nowrap;">
<div _ngcontent-vxv-c54="" style="width: 100%">
</div>
</div>
</div>
</drag-scroll> I think I have a solution for this problem: if (this.xDisabled || this.disabled) {
this.disableScroll('x');
} else {
this.enableScroll('x');
}
if (this.yDisabled || this.disabled) {
this.disableScroll('y');
} else {
this.enableScroll('y');
} If you're fine with my suggestion I would create a PR and apply the fix. |
Have the same issue on https://zappr.deruwe.me/ |
Yes please @Thomas1664 , sorry I wasn't getting back to you sooner. |
I added the option
scrollbar-hidden
but I still see the scrollbar at the bottom on desktop devices. When I inspect element I see thatdrag-scroll-content
div has the attributeoverflow: auto
.To fix it myself I had to do:
which is not nice. Is it possible to let me know if im doing something wrong?
Version: "ngx-drag-scroll": "^7.4.3",
The text was updated successfully, but these errors were encountered: