handsontable / ngHandsontable

Official AngularJS directive for Handsontable
http://handsontable.github.io/ngHandsontable/
MIT License
434 stars 159 forks source link

issue when pasting html form into a cell. i cannot type in input fields #236

Closed Raphael007123 closed 6 years ago

Raphael007123 commented 6 years ago

http://plnkr.co/edit/wFyBiwxRN9En0VdgHeMj?p=preview issue when pasting html form into a cell. i cannot type in input fields.

AMBudnik commented 6 years ago

Hi @Raphael007123

Can you tell me what exactly should I paste to get an error? Maybe you can record it?

Raphael007123 commented 6 years ago

Hi @AMBudnik thanks for the reply.

Just paste basic form html from here,

https://www.w3schools.com/tags/tag_form.asp

First name:
Last name:

just paste it in a cell. and couldnot type in the input fields of the form.

Raphael007123 commented 6 years ago

@AMBudnik

Copy html code , screenshot 14

select any cell and paste the code, screenshot 15

A form will appear, and could not type anything in the input field, screenshot 16

AMBudnik commented 6 years ago

Please add

beforeOnCellMouseDown: function(e){
    e.stopImmediatePropagation()
}

and check if you still can't perform the action.

Raphael007123 commented 6 years ago

@AMBudnik after pasting this code. I cant click on any cell

I have updated in the plunker please have a look http://plnkr.co/edit/wFyBiwxRN9En0VdgHeMj?p=preview

AMBudnik commented 6 years ago

It should be added to the cell that has the HTML inside. Currently, the cell selection steals the focus from the HTML's input.

Raphael007123 commented 6 years ago

@AMBudnik did you mean adding hooks ?? or could you please demonstrate it in the plunker ??

AMBudnik commented 6 years ago

Each time that I want to access the plnkr demo I get 503 but let me create a Fiddle out of it.

EDIT: Here's a fiddle http://jsfiddle.net/vvqgcd6y/

Raphael007123 commented 6 years ago

Its working for me Thanks @AMBudnik