deprecate/metal-modal

Metal's modal component

metal-modal

Metal's modal component.

Setup

1. Install NodeJS >= v0.12.0, if you don't have it yet.

2. Install global dependencies:

[sudo] npm install -g gulp

3. Install local dependencies:

npm install

4. Build the code:

npm run build

5. Open the demo at demos/index.html on your browser.

metal-modal's Issues

Position

The initial position of the modal should be programmable and the user should be able to move the modal around

Add option for removing the close button

"initOnly" is no longer a valid state attribute.

It should be using "writeOnce".

Add option to pass my own close modal function

Right now I have no way of managing the modal's state, I would like the this.close method to check if there is a this.props.close method, and call that instead.

Right now we have duplicated the modal's code, so that we can mange the state otherwise.

	created() {
		this.eventHandler_ = new EventHandler();
		this.hide = this.hide.bind(this);
	}

		hide() {
		if (this.props.close) {
			this.props.close();
		}
		else {
			this.visible = false;
		}
	}

Resizeable modal

If the body is too long and the modal become longer than the browser window is not possible to scroll and see the bottom part.

Add "display: none" to modal when not visible

We're relying on bootstrap css to make the modal invisible, but other css in a page may change that default, so it'd be best to manually add display: none to the modal as well.

Add escape key functionality to close the Modal