[FIX] Grid: hide the table resizer in readonly mode

the table resizer handler was present in readonly mode which is useless
since the user cannot edit the spreadsheet and therefore change the
table size.

closes #8306

Task: 6054035
X-original-commit: 92da1ba
Signed-off-by: Lucas Lefèvre (lul) <lul@odoo.com>
Signed-off-by: Rémi Rahir (rar) <rar@odoo.com>

Author: rrahir

src/components/grid/grid.xml

@@ -57,7 +57,11 @@
         anchorRect="menuState.anchorRect"
         onClose="() => this.closeMenu()"
       />
-      <t t-foreach="staticTables" t-as="table" t-key="table.id">
+      <t
+        t-if="!env.model.getters.isReadonly()"
+        t-foreach="staticTables"
+        t-as="table"
+        t-key="table.id">
         <TableResizer table="table"/>
       </t>
       <VerticalScrollBar topOffset="HEADER_HEIGHT"/>

tests/table/table_resizer_component.test.ts

@@ -105,4 +105,13 @@ describe("Table resizer component", () => {
 
     expect(document.querySelector(".o-table-resizer")).toBeNull();
   });
+
+  test("Table resizer is not loaded in readonly mode", async () => {
+    createTable(model, "A1:B2");
+    await nextTick();
+    expect(".o-table-resizer").toHaveCount(1);
+    model.updateMode("readonly");
+    await nextTick();
+    expect(".o-table-resizer").toHaveCount(0);
+  });
 });