Table Editable not working in Edge


Topic: Table Editable not working in Edge

Ville asked 6 years ago

The editable table is not working in Edge. Im unable to edit any text in Edge, it seem to work in Firefox and Chrome. Have tried 3 different machines.

Table Editable example

 


Damian Gemza staff answered 6 years ago

Dear @Ville 

This problem is caused by contenteditable="true" property. Please change your table construction to have an <span> element in each <td> element, and your problem should be gone.

That's how your table td should looks like:

old one:

<td contenteditable="true" (keyup)="changeValue(id, 'city', $event)" (blur)="updateList(id, 'city', $event)">{{person.city}}</td>

new one:

<td>
<span contenteditable="true" (keyup)="changeValue(id, 'city', $event)" (blur)="updateList(id, 'city', $event)">{{person.city}}</span>
</td>

Best Regards,

Damian


Arkadiusz Idzikowski staff answered 6 years ago

Could you provide more details about the problems? Are there any errors in the console? Which version of the browser do you use?

I tried to recreate that problem on my end, but without success.


Ville answered 6 years ago

No errors in the console. Nothing seems to happen in the console or anywhere else when I click any editable text in the table.


Microsoft Edge 40.15063.674.0
Microsoft EdgeHTML 15.15063


Arkadiusz Idzikowski staff commented 6 years ago

Indeed, there are some problems with editing on Edge 15 (previously I tested on newer version).

We will take a closer look at this.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.5
  • Device: Desktop
  • Browser: Edge
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes