+
diff --git a/src/react/components/list/list-item.tsx b/src/react/components/list/list-item.tsx
index 0fc457afc1..e9e7324d72 100644
--- a/src/react/components/list/list-item.tsx
+++ b/src/react/components/list/list-item.tsx
@@ -35,6 +35,7 @@ export class ListItem extends SurveyElementBase
{
style={contentWrapStyle}
className={this.model.cssClasses.itemBody}
title={this.item.locTitle.calculatedText}
+ onMouseOver={(event: any) => { this.model.onItemHover(this.item); }}
>
{newElement}
;
diff --git a/src/vue/components/list/list-item.vue b/src/vue/components/list/list-item.vue
index 51001a832a..8ba454de94 100644
--- a/src/vue/components/list/list-item.vue
+++ b/src/vue/components/list/list-item.vue
@@ -6,7 +6,8 @@
+ :title="item.locTitle.calculatedText"
+ @mouseover="(e) => model.onItemHover(item)">
diff --git a/tests/markup/etalon_components.ts b/tests/markup/etalon_components.ts
index 83fb985a77..02d1a3c9c3 100644
--- a/tests/markup/etalon_components.ts
+++ b/tests/markup/etalon_components.ts
@@ -29,7 +29,7 @@ registerMarkupTests(
return document.querySelector(".sv-popup.sv-dropdown-popup .sv-popup__container") as HTMLElement;
},
snapshot: "list-component"
- // }, {
+ }, {
// name: "Test popup list with subitems",
// json: {
// questions: [
@@ -57,7 +57,34 @@ registerMarkupTests(
// getElement: () => {
// return document.querySelector(".sv-popup .sv-popup__container") as HTMLElement;
// },
- // event: "onAfterRenderSurvey",
// snapshot: "list-component-with-subitems"
+ // }, {
+ name: "Test popup list with separator",
+ json: {
+ questions: [
+ {
+ "type": "text",
+ "name": "q1",
+ "title": "Question title"
+ }
+ ]
+ },
+ before: () => { Question["questionCounter"] = 100; },
+ initSurvey: (survey) => {
+ survey.onGetQuestionTitleActions.add((_, opt) => {
+ const items = [new Action({ id: "1", title: "text1" }), new Action({ id: "2", title: "text2", needSeparator: true })];
+ const item = createDropdownActionModel(
+ { title: "bottom", showTitle: true },
+ {
+ verticalPosition: "bottom", horizontalPosition: "center", items: items,
+ onSelectionChanged: (item, ...params) => { }
+ });
+ opt.titleActions = [item];
+ });
+ },
+ getElement: () => {
+ return document.querySelector(".sv-popup .sv-popup__container") as HTMLElement;
+ },
+ snapshot: "list-component-with-separator"
}
]);
diff --git a/tests/markup/snapshots/list-component-with-separator.snap.html b/tests/markup/snapshots/list-component-with-separator.snap.html
new file mode 100644
index 0000000000..b1765b73f7
--- /dev/null
+++ b/tests/markup/snapshots/list-component-with-separator.snap.html
@@ -0,0 +1,29 @@
+
\ No newline at end of file