Challenge
Focus into the input field inside a material-design-bootstrap modal
Notes
- MDB means material-design-bootstrap
- The documentation for the modal used within this project is here:
- https://mdbootstrap.com/legacy/angular/5.2.3/?page=advanced/modals#advancedUsage
- Auto focus input in Modal … did not understand this:
- https://mdbootstrap.com/legacy/angular/5.2.3/?page=advanced/modals#buInput
- Auto focus input in Modal … did not understand this:
- Do NOT get confused by the latest docs which do not apply!
- https://mdbootstrap.com/docs/angular/modals/events/
- https://mdbootstrap.com/legacy/angular/5.2.3/?page=advanced/modals#advancedUsage
- mdbActive is important for moving label up and away from the text input
- https://hackernoon.com/finding-that-pesky-listener-thats-hijacking-your-event-javascript-b590593f2a83
- https://mdbootstrap.com/support/angular/how-to-set-focus-on-input-in-modal/
- https://www.bennadel.com/blog/3376-creating-an-input-driven-autofocus-directive-in-angular-5-0-2.htm
Written with StackEdit.