Topic: Very small border around selected text in the Editable Table free asked 3 years ago

Using an Editable Table and selecting a text in an editable cell - The displayed border is very small. It seems to be no margins around the text.

According to the sample an editable cell should be implemented like this.

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

If I put the attributes (like "contenteditable") on the TD instead the whole table cell will be framed when it is selected (like

How is it intended to work?

Arkadiusz Idzikowski staff answered 3 years ago

Those span elements were added because of problems on Edge browser. We will update live example so that it matches to the code visible in the documentation. free commented 3 years ago

But when I use the SPAN elements and click on the table cell, the blue border gets very small.

Arkadiusz Idzikowski staff commented 3 years ago

We will take a closer look at it and update the styles.

Please insert min. 20 characters.


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



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes