Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Modal plugin improvements #27

Closed
7 tasks done
VizuaaLOG opened this issue Feb 23, 2018 · 4 comments
Closed
7 tasks done

Modal plugin improvements #27

VizuaaLOG opened this issue Feb 23, 2018 · 4 comments
Milestone

Comments

@VizuaaLOG
Copy link
Owner

VizuaaLOG commented Feb 23, 2018

The modal has no 'proper' way to create it within Javascript. There should be a way to create a modal with a title, content, confirm button and cancel button. Along with the relevant callbacks (#8).

  • Fix a bug where the closeButton event is not removed when the modal is destroyed.
  • Ability to close a modal with the escape key
  • Ability to close a modal when clicking outside the modal
  • Add an is-clipped class to the html/body element when the modal is visible
  • Javascript creation API
  • Callbacks for close, open, confirm, cancel
  • Documentation
@mayankgureja
Copy link

May I also request adding the is-clipped class to the <body> when a modal is open to prevent the whole page from scrolling?

@VizuaaLOG
Copy link
Owner Author

VizuaaLOG commented Jul 26, 2018

@mayankgureja Sorry! I didn't see your reply.

Of course, that's a great suggestion! Looking at the Bulma docs the is-clipped class seems to be a non-standard class. Wondering if this should be a feature request within the Bulma codebase aswell?

Edit: Never mind, I'm just blind 😄

VizuaaLOG pushed a commit that referenced this issue Jul 27, 2018
`.bind()` is not identical when used more than once. This means `removeEventListener` will not remove the event. Instead a common 'bound' variable needs to be created to handle both the add and remove listener calls.
VizuaaLOG pushed a commit that referenced this issue Jul 27, 2018
`.bind()` is not identical when used more than once. This means `removeEventListener` will not remove the event. Instead a common 'bound' variable needs to be created to handle both the add and remove listener calls.
@VizuaaLOG VizuaaLOG added this to the 0.7.0 milestone Jul 29, 2018
@VizuaaLOG
Copy link
Owner Author

The improvements to the modal plugin are still a work in progress, the documentation needs to be updated along with some code cleanup.

If you would like to try out the updated modal please download the feature/modal branch. All feedback is appreciated, once I'm happy with the docs and code this will be merged into master.

Please note the docs are still a WIP so if you would like to try this out you'll need to look through the code to see the available options etc.

If you have any bugs or ideas please reply to this issue. PRs on the feature/modal branch are also appreciated.

@VizuaaLOG
Copy link
Owner Author

Fixed in master. Due for release in 0.7.0

VizuaaLOG pushed a commit that referenced this issue Jun 23, 2019
`.bind()` is not identical when used more than once. This means `removeEventListener` will not remove the event. Instead a common 'bound' variable needs to be created to handle both the add and remove listener calls.
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants