Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

WIP(@mkhatib): Add amp-form extension for handling and polyfilling forms. #3344

Closed
wants to merge 1 commit into from

Conversation

mkhatib
Copy link
Contributor

@mkhatib mkhatib commented May 26, 2016

@dvoytenko can you take a look at the amp-form.js and examples/forms.amp.html (You can try the behavior here) and see if this is the right approach to continue with this?

I've highlighted some of the stuff that we need to get support for in #3343. I didn't want to implement all of them in one PR, so let me know if what I have here is good for a first PR and I can write some tests and fix it up some more.

cc/ @cramforce

@mkhatib mkhatib changed the title WIP: Add amp-form extension for handling and polyfilling forms. WIP(@mkhatib): Add amp-form extension for handling and polyfilling forms. May 26, 2016
@mkhatib
Copy link
Contributor Author

mkhatib commented May 27, 2016

@dvoytenko let me know if this looks good in general so I can proceed with adding tests.

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-custom>
form.success {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See doc comments on class names. I believe it should be instead amp-submit-success or even amp-form-submit-success.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants