Inline form disappears on Chrome when using ASP.NET

[GoogleCodeExporter]

What steps will reproduce the problem?
Set up a quick asp.net page and inserted the code. When viewing on Chrome 
16.0.912.75 the form will not appear. It seems to work properly on Firefox and 
IE7 +.

What is the expected output? What do you see instead?
I expect to see a form to add in new values.

What version of the product are you using? On what operating system?
Mac OS X with Chrome 16.0.912.75 - using the 2.3.0 script version with JQuery 
1.4.4

Please provide any additional information below.

Original issue reported on code.google.com by megal...@gmail.com on 15 Jan 2012 at 2:03

[GoogleCodeExporter]

Let me add something else to this - I tried to do a straight HTML page with an 
existing form and Chrome still wont show the inserted inline form.

Original comment by megal...@gmail.com on 15 Jan 2012 at 2:07

[GoogleCodeExporter]

Yes the form disappears for me too using Chrome 18.0.1025.168 m on Windows 7, 
and jquery.editinplace.js version 2.3.0 (although the zip file is named v2.2.1 
(confusing)) and jQuery 1.7.2.

Cheers
Matt

Original comment by ultraweb...@gmail.com on 7 May 2012 at 11:44

[GoogleCodeExporter]

I have found what the problem is. It's actually a problem with WebKit, not just 
Chrome. 

The problem seems to only be evident if the 'edit in place' field is within a 
form tag. 

I narrowed it down by removing line after line from my page, as I see that the 
demo works in WebKit. 

You can see the difference in these two files:
http://www.ultrawebsites.com/test/works-in-webkit.html
http://www.ultrawebsites.com/test/does-not-work-in-webkit.html

I wonder if the fix described here will work: 
http://code.google.com/p/jquery-in-place-editor/issues/detail?id=72

Cheers
Matt

Original comment by ultraweb...@gmail.com on 31 May 2012 at 12:49

[GoogleCodeExporter]

Ie. it doesn't work in Safari OR Chrome (which are both powered by WebKit)

Original comment by ultraweb...@gmail.com on 31 May 2012 at 12:50

[GoogleCodeExporter]

I can confirm that the fix described in issue 72 solves the problem for me 
(although the line to be changed is on 253 for me).

Original comment by ultraweb...@gmail.com on 31 May 2012 at 1:27

[GoogleCodeExporter]

Thank you, same issue with chrome 18.0.1025.108 and solution from issue 72 
helped.

Original comment by altm...@gmail.com on 4 Jun 2012 at 9:20

[GoogleCodeExporter]

Doesn't seem like anyone is listening or maintaining this plugin. Whilst it's a 
great plugin, combined with not handling carriage returns in texboxes, I think 
I'm unfortunately going to have to use a different plugin.

Original comment by ultraweb...@gmail.com on 13 Jun 2012 at 5:35

[GoogleCodeExporter]

In Safari the editer will disappear.  
I change the source code and then it worked well,  just change the  function 
replaceContentWithEditor as follow:
replaceContentWithEditor: function() {
        var buttons_html  = (this.settings.show_buttons) ? this.settings.save_button + ' ' + this.settings.cancel_button : '';
        var editorElement = this.createEditorElement(); // needs to happen before anything is replaced
        /* insert the new in place form after the element they click, then empty out the original element */
        var from=$('<form class="inplace_form" style="display: inline; margin: 0; padding: 0;"></form>');
        this.dom.html(from);
        from.append(editorElement);
    },

Original comment by xhaisheng@gmail.com on 5 Sep 2012 at 4:57

Attachments:

• jquery.editinplace.js

[GoogleCodeExporter]

Hello,

I used this js for text editing. If I click on text box then in safari 5.1.7 
then it removes the text box with original values after click for editing. So 
please help me how to solve this issue. Please give response me as early as 
possible. My email address is pooja4gvm@gmail.com

Original comment by pooja4...@gmail.com on 28 Oct 2013 at 11:39