fix(tooltip): overriding floating styles when forceVisible true (melt…

…-ui#1011)

.changeset/mighty-weeks-think.md

@@ -0,0 +1,5 @@
+---
+'@melt-ui/svelte': patch
+---
+
+Tooltip: fixed bug where tooltip content style gets reset when forceVisible is true and $open gets updated #1010

src/lib/builders/tooltip/create.ts

@@ -18,6 +18,7 @@ import {
 	pointInPolygon,
 	styleToString,
 	toWritableStores,
+	removeUndefined,
 	sleep,
 	portalAttr,
 } from '$lib/internal/helpers/index.js';
@@ -198,17 +199,15 @@ export function createTooltip(props?: CreateTooltipProps) {
 	const content = makeElement(name('content'), {
 		stores: [isVisible, open, portal, ids.content],
 		returned: ([$isVisible, $open, $portal, $contentId]) => {
-			return {
+			return removeUndefined({
 				role: 'tooltip',
 				hidden: $isVisible ? undefined : true,
 				tabindex: -1,
-				style: styleToString({
-					display: $isVisible ? undefined : 'none',
-				}),
+				style: $isVisible ? undefined : styleToString({ display: 'none' }),
 				id: $contentId,
 				'data-portal': portalAttr($portal),
 				'data-state': $open ? 'open' : 'closed',
-			};
+			});
 		},
 		action: (node: HTMLElement): MeltActionReturn<TooltipEvents['content']> => {
 			let unsubFloating = noop;