Topic: Table Editable not working in Edge
Ville free asked 5 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.
Damian Gemza staff answered 5 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
Ville free answered 5 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 5 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.
Arkadiusz Idzikowski staff answered 5 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: 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