Comments (14)
Right now, IE11 has similar problem like FF had...
from ngx-perfect-scrollbar.
I will fix the example for the next release. I know that Firefox needs some special flexbox stuff to work, but did not know that IE11 needs it as well.
from ngx-perfect-scrollbar.
I added fix for the Firefox, but don't have access to IE11 so if you could test it would be nice. Or did you mean the the layout problem was only with Firefox and IE11 has some console errors? Can you paste the errors here so I could look into possible cause. Hard to think anything so special in the example that it would cause errors.
from ngx-perfect-scrollbar.
I'll try your example and then adding your component into my project and let you know (it may take a while, I have other things to do right now)
from ngx-perfect-scrollbar.
Ok, no hurry. I will gladly fix the example for Firefox / IE11 if there are still problems.
from ngx-perfect-scrollbar.
Ok, I guess I need to fire up a virtual machine so that I can find out what flexbox magic works for all or maybe I just add using of angular/flex-layout library, I would hope that it can take different browsers in account.
from ngx-perfect-scrollbar.
I am also very interested in getting this bug solved. Let me know if you need any help testing what you come up with.
from ngx-perfect-scrollbar.
Well I don't think there is a bug in the library itself or its styles. Its most likely the flexbox styles of the example, but lets see. There might be of course some style tweaks to be done for the lib so that it plays nicer with flexbox but that is to see. I try to fix this today.
from ngx-perfect-scrollbar.
I have now updated the example app to use angular flex-layout library so if someone could test it with IE11 I would be grateful. At least now without any style tweaks it works in Chrome and Firefox so I am really hopeful that it works in IE11 as well. If not then I need to start setting up some virtual machine with Windows.
Just make sure that the example is not loaded from cache etc. and please use this url: https://zefoy.github.io/ngx-perfect-scrollbar/ I did not push the code yet.
from ngx-perfect-scrollbar.
I've tested with IE11 on Windows 10, 8.1, and 7. It was working on all versions.
Thank you very much for this quick response on this!
from ngx-perfect-scrollbar.
Ok, thanks a lot! We have slowly moved to using @angular/flex-layout library in our other projects and so far it looks really nice, no need to spend time to find styles that all browsers are happy with / use own layout class system.
from ngx-perfect-scrollbar.
It does however seem to be misbehaving on IE10 now. I don't know if this is an entirely different issue though.
I'm not getting an error in the console though.
from ngx-perfect-scrollbar.
alngular/fle-layout does not support IE10 see https://github.com/angular/flex-layout#browser-support
from ngx-perfect-scrollbar.
I don't support IE10 neither, neither should anybody since its support has ended by MS. Specially not for the example app.
from ngx-perfect-scrollbar.
Related Issues (20)
- Native Scrollbars Support in ngx-prerfect-scrollbar HOT 1
- help/question x scrollbar position top
- Scroll to buttom and reduce the contents of the container, the scroll bar will not adapt to changes automatically HOT 1
- scrollbar focusing prevent configuration required
- ngx-perfect-scrollbar works properly in desktop but has some issue in IPad
- update perfect-scrollbar version to support minor releases to prevent scrollTop issues from the perfect-scrollbar package
- Support Angular 13
- Angular 13 ivy. Processing legacy "View Engine" libraries HOT 24
- SCRIPT1002 error in ie11 HOT 1
- Scrollbar is not activated when the 2nd last entry is split across two lines and thee min-scroll-bar-length is set
- update doc for scroll spy usage
- choppy scroll on touch devices
- Scroll not working for nested scroll containers on Mobile device.
- Angular 14: DeprecationWarning: In future versions of Node.js, fs.rmdir(path, { recursive: true }) will be removed. Use fs.rm(path, { recursive: true }) instead
- [Angular 14] not able to import perfect-scrollbar.component.css
- how to set the minHeight of the Scroll bar
- Is it possible to wrap scrollable content inside a fixed div?
- Sticky Header
- Keyboard scroll not working in mat-select
- Sometime Scroll bottom not working it is stack, and notable to scroll. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-perfect-scrollbar.