Text field wrapping in index

[schonhoff]

• Laravel Version: 10.24.0
• Nova Version: 4.27.13
• PHP Version: 8.2.10
• Database Driver & Version: MySQL 8.0.30
• Operating System and Version: Windows 11
• Browser type and version: Chrome 117

Description:

Hello,

I tried out the following on a large text field:
#5525

But it won't work:

This is the field definition:

Text::make(__('Name'), 'name')
	->sortable()
	->rules('required', 'max:255')
	->displayUsing(function ($name) {
		return __($name);
	})
	->withMeta(['wrapping' => true]),

Detailed steps to reproduce the issue on a fresh Nova installation:

The reason why it isn't working is the class in the span for the field. Maybe it should be like the ResourceTableRow.vue with 'whitespace-nowrap': !field.wrapping? The field should be visible in the vue component.

In js/fields/Index/TextField.vue:

<span
   v-else-if="fieldValue && !field.copyable && !shouldDisplayAsHtml"
   class="whitespace-nowrap"
>
   {{ fieldValue }}
</span>

I saw the same class="whitespace-nowrap" in the following components:

• DateField.vue
• DateTimeField
• LineField
• SelectField
• StackField
• TextField
• UrlField

It shouldn't change anything because the default value for wrapping is "false". If more information is needed, I will try to provide it asap. Thanks for the great tool!