GithubHelp home page GithubHelp logo

ng2-ui / overlay Goto Github PK

View Code? Open in Web Editor NEW
15.0 15.0 9.0 3.45 MB

General Solution For Angular2 Overlay Elements

Home Page: https://ng2-ui.github.io

License: MIT License

TypeScript 61.43% HTML 29.45% JavaScript 9.13%

overlay's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

overlay's Issues

z-index weird behavior

Hi,

I'm having this issue when opening the overlay, some input and other components are not overlayed.

To test it:

Go to the demo and open the window overlay. A couple of buttons will be shown on top.
overlay

Using Chrome on Mac, but still reproducible with Safari and also with Chrome on Windows.

Thanks!

Regards

Hide scrollbar when popup opened

When using ngui/popup, the original web page can still be scrollable.
Is it possible to add this code when popup opened:
document.body.style.overflowY = 'hidden';
and add this code when popup closed:
document.body.style.overflowY = null;

ng2-overlay imports BrowserModule, should import CommonModule

The ng2-overlay component imports BrowserModule, this causes code that is built upon lazy loaded modules to fail with the following message:

EXCEPTION: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

The import of the BrowserModule should be the responsibility to the base loader and not be done in a component like this. Please use CommonModule instead.

Adding src folder to npm package

Can you add the src folder to the npm package on root level? The map files refers to this, but it doesn't exists, which renders the map files useless.

Feature request: new methods on overlay manager

It would be nice if the overlay manager had a couple more methods:

  1. isOpen(overlay) - to check if an overlay is open or closed
  2. toggle(overlay) - opens the overlay if it is closed, and closes the overlay if it is open

Support for Angular 4.0.0

I just tried to install on Angular 4 today and got this error:

frontend
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]
└─┬ [email protected] 
  └── [email protected] 

npm WARN [email protected] requires a peer of @angular/core@^2.1.1 but none was installed.
npm WARN [email protected] requires a peer of @angular/common@^2.1.1 but none was installed.

Any chance Angular 4.0.0 support is coming? I don't know much about how this library works, but I can try to dig in later this week and test it out if that's helpful.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.