Topic: Table Editable not working in Edge
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.
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
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.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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