[IMP] web: Improve kanban quick create keynav

The "quick create" form now renders the kanban quick_create buttons on
its own. This means that the form handles them as regular form buttons,
hence including them in its keyboard navigation.

Part of task: 2314864

closes odoo/odoo#55787

Signed-off-by: Mathieu Duckerts-Antoine <Polymorphe57@users.noreply.github.com>

2 files changed, 17 insertions, 3 deletions

diff --git a/addons/web/static/src/js/views/kanban/kanban_record_quick_create.js b/addons/web/static/src/js/views/kanban/kanban_record_quick_create.js
index e69914acd49..967f1e1ee25 100644
--- a/addons/web/static/src/js/views/kanban/kanban_record_quick_create.js
+++ b/addons/web/static/src/js/views/kanban/kanban_record_quick_create.js
@@ -10,8 +10,6 @@ var core = require('web.core');
 var QuickCreateFormView = require('web.QuickCreateFormView');
 var Widget = require('web.Widget');
 
-var qweb = core.qweb;
-
 var RecordQuickCreate = Widget.extend({
     className: 'o_kanban_quick_create',
     custom_events: {
@@ -85,7 +83,7 @@ var RecordQuickCreate = Widget.extend({
      */
     start: function () {
         this.$el.append(this.controller.$el);
-        this.$el.append(qweb.render('KanbanView.RecordQuickCreate.buttons'));
+        this.controller.renderButtons(this.$el);
 
         // focus the first field
         this.controller.autofocus();
diff --git a/addons/web/static/src/js/views/kanban/quick_create_form_view.js b/addons/web/static/src/js/views/kanban/quick_create_form_view.js
index 5c590c970c3..ec1b60815b8 100644
--- a/addons/web/static/src/js/views/kanban/quick_create_form_view.js
+++ b/addons/web/static/src/js/views/kanban/quick_create_form_view.js
@@ -10,6 +10,7 @@ var BasicModel = require('web.BasicModel');
 var FormController = require('web.FormController');
 var FormRenderer = require('web.FormRenderer');
 var FormView = require('web.FormView');
+const { qweb } = require("web.core");
 
 var QuickCreateFormRenderer = FormRenderer.extend({
     /**
@@ -80,6 +81,21 @@ var QuickCreateFormController = FormController.extend({
     getChanges: function () {
         return this.model.getChanges(this.handle);
     },
+
+    /**
+     * @override
+     */
+    renderButtons($node) {
+        this.$buttons = $(qweb.render('KanbanView.RecordQuickCreate.buttons'));
+        if ($node) {
+            this.$buttons.appendTo($node);
+        }
+    },
+
+    /**
+     * @override
+     */
+    updateButtons() {/* No need to update the buttons */},
 });
 
 var QuickCreateFormView = FormView.extend({