When using the MorphOne field on a resource (in this example, it is the Primary Address), that related model's fields on creation are not showing up properly.
Here is the expected behavior, with the resource fields displaying normally, AND the MorphOne creation fields following the grid definitions for that related resource.
Here is the actual behavior. Notice the fields for the MorphOne panel are ⅓ long but they do not display in line with each other using flex-dom flex-wrap flex. Instead they stack on top of each other.
The actual rendered HTML includes an extra div with the classes relative w-full and does not include the necessary flex classes needed for the width calculations.
I noticed that adding flex-dom flex-wrap flex to the parent div with relative w-full classes fixes the issue, but I'm not sure how to access that in the Vue components here to create a PR.
When using the
MorphOne
field on a resource (in this example, it is the Primary Address), that related model's fields on creation are not showing up properly.Here is the expected behavior, with the resource fields displaying normally, AND the
MorphOne
creation fields following the grid definitions for that related resource.Here is the actual behavior. Notice the fields for the MorphOne panel are ⅓ long but they do not display in line with each other using
flex-dom flex-wrap flex
. Instead they stack on top of each other.Client.php (Nova Resource) code:
Address.php (Nova Resource) code:
Using the inspector on the browser, and comparing a similar field, we can see the issue:
Expected output HTML:
Actual HTML for
MorphOne
relationship creation panel:The actual rendered HTML includes an extra div with the classes
relative w-full
and does not include the necessary flex classes needed for the width calculations.