paper-input-decorator is not read by ajax-form

[rnicholus]

paper-input-decorator is not read by ajax-form

[rnicholus]

Please provide a link to a live form where this can be reproduced so I can investigate further.  

If an input element is exposed to the light dom, or a custom element with a name attribute and a value property, then ajax-form will send the value to the server.  If there is something malfunctioning there, I will be sure to fix.  However, if these paper elements don't follow that convention, then you'll have to file a request/issue in the proper polymer issue tracker as I don't plan to bake any further element-specific code into ajax-form.

On Sun, Nov 30, 2014 at 10:59 AM, Alejandro Navarro
[email protected] wrote:

Hello,
I'm doing some tests and it seems that this type of paper-input (using paper-input-decorator directly) is not read by ajax-form. In addition, I'm using this element with paper-autogrow-textarea included. Can you please check this? A demo example of this element is on https://www.polymer-project.org/components/paper-input/demo.html , labeled as with autogrowing text area + floatingLabel
All other fields are sent ok. Thanks for this awesome component :)


<textarea></textarea>

Reply to this email directly or view it on GitHub:
#30

[rnicholus]

Note that I am asking for a link to a live page where this can be reproduced as this will reduce the turnaround time on this issue.

On Sun, Nov 30, 2014 at 11:05 AM, Ray Nicholus [email protected]
wrote:

Please provide a link to a live form where this can be reproduced so I can investigate further.  
If an input element is exposed to the light dom, or a custom element with a name attribute and a value property, then ajax-form will send the value to the server.  If there is something malfunctioning there, I will be sure to fix.  However, if these paper elements don't follow that convention, then you'll have to file a request/issue in the proper polymer issue tracker as I don't plan to bake any further element-specific code into ajax-form.
On Sun, Nov 30, 2014 at 10:59 AM, Alejandro Navarro
[email protected] wrote:

Hello,
I'm doing some tests and it seems that this type of paper-input (using paper-input-decorator directly) is not read by ajax-form. In addition, I'm using this element with paper-autogrow-textarea included. Can you please check this? A demo example of this element is on https://www.polymer-project.org/components/paper-input/demo.html , labeled as with autogrowing text area + floatingLabel
All other fields are sent ok. Thanks for this awesome component :)


<textarea></textarea>

Reply to this email directly or view it on GitHub:
#30

[alesnav]

Hello, thanks for your quick response.

I am looking for a CDN that hosts Polymer elements for making a demo for you in jsbin or jsfiddle, but can't find any. My website is local, so it is not public on Internet.

I will continue searching for a way to create a demo page for this issue...

[rnicholus]

Another option is to use cloud9 ide to build your example.  A public url will be available on the c9 domain to access your page.

On Sun, Nov 30, 2014 at 11:48 AM, Alejandro Navarro
[email protected] wrote:

Hello, thanks for your quick response.
I am looking for a CDN that hosts Polymer elements for making a demo for you in jsbin or jsfiddle, but can't find any. My website is local, so it is not public on Internet.

I will continue searching for a way to create a demo page for this issue...

Reply to this email directly or view it on GitHub:
#30 (comment)

[rnicholus]

If you don't get around to it, don't worry.  I'll try to find some time over the next few days or so to reproduce in my environment.

On Sun, Nov 30, 2014 at 11:48 AM, Alejandro Navarro
[email protected] wrote:

Hello, thanks for your quick response.
I am looking for a CDN that hosts Polymer elements for making a demo for you in jsbin or jsfiddle, but can't find any. My website is local, so it is not public on Internet.

I will continue searching for a way to create a demo page for this issue...

Reply to this email directly or view it on GitHub:
#30 (comment)

[alesnav]

Hmm, you said that a component MUST have a name property and a value property to load its value from ajax-form. Is it right?

If yes, this is the problem. This component does not create a value property containing the current value.

[rnicholus]

How does one access the value of the form field?

On Sun, Nov 30, 2014 at 11:58 AM, Alejandro Navarro
[email protected] wrote:

Hmm, you said that a component MUST have a name property and a value property to load its value from ajax-form. Is it right?

If yes, this is the problem. This component does not create a value property containing the current value.

Reply to this email directly or view it on GitHub:
#30 (comment)

[alesnav]

It does not populate the text-area content inside the element to a value property in the element paper-input-decorator.

For example, in paper-input, when you change its content and click out of the box, it will populate that new content to a property value in the paper-input.

Maybe I am doing something wrong, but I am using the resources without changing or customizing anything.

[rnicholus]

I'm a bit unclear as to how you can access the value of the form field here (or what the form field is).  Let's say you needed to programmatically grab the field's value for some other purpose.  What property would you check to grab the field's value?

On Sun, Nov 30, 2014 at 12:06 PM, Alejandro Navarro
[email protected] wrote:

It does not populate the text-area content inside the element to a value property in the element paper-input-decorator.
For example, in paper-input, when you change its content and click out of the box, it will populate that new content to a property value in the paper-input.

Maybe I am doing something wrong, but I am using the resources without changing or customizing anything.

Reply to this email directly or view it on GitHub:
#30 (comment)

[alesnav]

Well, I tried to make an example, but can't load your resource because of a restriction:
"Imported resource from origin 'http://garstasio.github.io' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access."

Anyway, this is the jsfiddle (not finished, but you can look at the differences between both components): http://jsfiddle.net/xnxbkxzq/4/

Thanks!

[rnicholus]

Is the textarea element the one that actually holds the user inputted value?  If so, and if the textarea is present in the light DOM, then adding a name attribute to that element instead of the paper-input-decorator should solve the issue for you.

On Sun, Nov 30, 2014 at 12:22 PM, Alejandro Navarro
[email protected] wrote:

Well, I tried to make an example, but can't load your resource because of a restriction:
"Imported resource from origin 'http://garstasio.github.io' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access."
Anyway, this is the jsfiddle (not finished, but you can look at the differences between both components): http://jsfiddle.net/xnxbkxzq/4/

Thanks!

Reply to this email directly or view it on GitHub:
#30 (comment)

[alesnav]

Nice catch! It does work perfectly when the name value is in the text-area instead of the paper-input element.

Thanks!

[rnicholus]

Cool.  I may have caught it sooner if I was near a proper computer.  Troubleshooting on an iPhone isn't ideal.  Glad you're up and running again.

On Sun, Nov 30, 2014 at 1:01 PM, Alejandro Navarro
[email protected] wrote:

Closed #30.

Reply to this email directly or view it on GitHub:
#30 (comment)