@@ -634,7 +667,7 @@ useEventListener(document, 'focusout', (e: FocusEvent) => {
}"
:data-title="element.title"
data-testid="nc-form-fields"
- @click="onFormItemClick(element)"
+ @click.stop="onFormItemClick(element)"
>
@@ -667,27 +700,29 @@ useEventListener(document, 'focusout', (e: FocusEvent) => {
*
-
-
{
- element.required = !element.required
- updateColMeta(element)
- }
- "
- >
- {{ $t('general.required') }}
-
-
-
+
+
+
{
+ element.required = !element.required
+ updateColMeta(element)
+ }
+ "
+ >
+ {{ $t('general.required') }}
+
+
+
+
@@ -729,7 +764,7 @@ useEventListener(document, 'focusout', (e: FocusEvent) => {
@@ -763,7 +798,10 @@ useEventListener(document, 'focusout', (e: FocusEvent) => {
class="relative"
@click.stop="
() => {
- activeRow = ''
+ isTabPressed = false
+ if (activeRow !== element.title) {
+ activeRow = ''
+ }
}
"
>
@@ -951,10 +989,10 @@ useEventListener(document, 'focusout', (e: FocusEvent) => {
:key="field.id"
class="w-full p-2 flex flex-row items-center border-b-1 last:border-none border-gray-200"
:class="[
- `nc-form-field-list-item-${field.title}`,
+ `nc-form-field-item-${field.title}`,
`${activeRow === field.title ? 'bg-brand-50 font-medium' : 'hover:bg-gray-50'}`,
]"
- :data-testid="`nc-form-field-list-item-${field.title}`"
+ :data-testid="`nc-form-field-item-${field.title}`"
>
{
Appearance Settings
-
Form Theme
+
Background Color
{
- (formViewData?.meta as Record).theme_color = el
- updateView()
- }"
+ @input="handleChangeBackground"
/>