fix(Select): remove highlight after leaving SelectContent (#2091)

kricsleo · web-flow · commit 528b9202ba6a · 2025-08-11T21:52:54.000+08:00
diff --git a/packages/core/src/Select/SelectContentImpl.vue b/packages/core/src/Select/SelectContentImpl.vue
@@ -301,7 +301,12 @@ provideSelectContentContext({
           :id="rootContext.contentId"
           :ref="
             (vnode: ComponentPublicInstance) => {
-              content = unrefElement(vnode) as HTMLElement
+              const el = unrefElement(vnode) as HTMLElement | undefined
+              // special case for PopperContent
+              if (el?.hasAttribute('data-reka-popper-content-wrapper'))
+                content = el.firstElementChild as HTMLElement
+              else
+                content = el
               return undefined
             }
           "

Original file line number	Diff line number	Diff line change
`@@ -301,7 +301,12 @@ provideSelectContentContext({`
`301`	`301`	`:id="rootContext.contentId"`
`302`	`302`	`:ref="`
`303`	`303`	`(vnode: ComponentPublicInstance) => {`
`304`		`- content = unrefElement(vnode) as HTMLElement`
	`304`	`+ const el = unrefElement(vnode) as HTMLElement \| undefined`
	`305`	`+ // special case for PopperContent`
	`306`	`+ if (el?.hasAttribute('data-reka-popper-content-wrapper'))`
	`307`	`+ content = el.firstElementChild as HTMLElement`
	`308`	`+ else`
	`309`	`+ content = el`
`305`	`310`	`return undefined`
`306`	`311`	`}`
`307`	`312`	`"`