fix(#632): add passthrough attrs to DruxtField (#633)

druxt · May 11, 2023 · 39af33a · 39af33a
1 parent 6ea17e3
commit 39af33a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/.changeset/big-worms-punch.md b/.changeset/big-worms-punch.md
@@ -0,0 +1,5 @@
+---
+"druxt-entity": patch
+---
+
+fix(#632): add passthrough attrs to DruxtField
diff --git a/packages/entity/src/components/DruxtField.vue b/packages/entity/src/components/DruxtField.vue
@@ -292,7 +292,7 @@ export default {
           // File: View.
           if (this.isFile && schemaType === 'view') {
             return h('DruxtEntity', {
-              attrs,
+              attrs: { ...attrs, ...self.$attrs },
               props: {
                 langcode: this.lang,
                 type: item.type,
@@ -310,7 +310,7 @@ export default {
           // Image: View
           if (this.isImage && schemaType === 'view') {
             return h('DruxtEntity', {
-              attrs,
+              attrs: { ...attrs, ...self.$attrs },
               props: {
                 langcode: this.lang,
                 type: item.type,
@@ -352,7 +352,7 @@ export default {
           // Relationship: View.
           if (this.relationship && (item || {}).id && schemaType === 'view') {
             return h('DruxtEntity', {
-              attrs,
+              attrs: { ...attrs, ...self.$attrs },
               props: {
                 langcode: this.lang,
                 mode: this.schema.settings.display.view_mode || 'default',
@@ -365,7 +365,7 @@ export default {
           // Relationship: Form.
           if (this.relationship && (item || {}).id && schemaType === 'form') {
             return h('details', [h('DruxtEntityForm', {
-              attrs,
+              attrs: { ...attrs, ...self.$attrs },
               props: {
                 langcode: this.lang,
                 mode: this.schema.settings.display.view_mode || 'default',

diff --git a/packages/entity/test/components/__snapshots__/DruxtField.test.js.snap b/packages/entity/test/components/__snapshots__/DruxtField.test.js.snap
@@ -24,8 +24,8 @@ exports[`DruxtField fallback - form 1`] = `
 exports[`DruxtField file - view 1`] = `
 "<div data=\\"[object Object]\\">
   <div data=\\"[object Object]\\" errors=\\"\\" relationship=\\"true\\" schema=\\"[object Object]\\" value=\\"[object Object]\\">
-    <div>
-      <div entity=\\"[object Object]\\" value=\\"[object Object]\\"><a target=\\"_blank\\" href=\\"/sites/default/files/mediterranean-quiche-umami.jpg\\">mediterranean-quiche-umami.jpg</a></div>
+    <div data=\\"[object Object]\\">
+      <div data=\\"[object Object]\\" entity=\\"[object Object]\\" value=\\"[object Object]\\"><a target=\\"_blank\\" href=\\"/sites/default/files/mediterranean-quiche-umami.jpg\\">mediterranean-quiche-umami.jpg</a></div>
     </div>
   </div>
 </div>"
@@ -34,8 +34,8 @@ exports[`DruxtField file - view 1`] = `
 exports[`DruxtField image - view 1`] = `
 "<div data=\\"[object Object]\\">
   <div data=\\"[object Object]\\" errors=\\"\\" relationship=\\"true\\" schema=\\"[object Object]\\" value=\\"[object Object]\\">
-    <div>
-      <div entity=\\"[object Object]\\" value=\\"[object Object]\\"><img src=\\"/sites/default/files/mediterranean-quiche-umami.jpg\\"></div>
+    <div data=\\"[object Object]\\">
+      <div data=\\"[object Object]\\" entity=\\"[object Object]\\" value=\\"[object Object]\\"><img src=\\"/sites/default/files/mediterranean-quiche-umami.jpg\\"></div>
     </div>
   </div>
 </div>"