fix: Fix CSS classes reassignment when content is updated (#16)

untemps · web-flow · commit 1468f788928e · 2022-01-30T15:16:39.000+01:00
diff --git a/src/Tooltip.js b/src/Tooltip.js
@@ -115,11 +115,11 @@ class Tooltip {
 			this.#createTooltip()
 		}
 
-		if (hasContainerClassNameChanged) {
+		if (hasContainerClassNameChanged || hasContentChanged) {
 			this.#tooltip.classList.add(this.#containerClassName || '__tooltip')
 		}
 
-		if (hasPositionChanged) {
+		if (hasPositionChanged || hasContainerClassNameChanged || hasContentChanged) {
 			this.#tooltip.classList.remove(`__tooltip-${oldPosition}`)
 			this.#tooltip.classList.add(`__tooltip-${this.#position}`)
 		}

Original file line number	Diff line number	Diff line change
`@@ -115,11 +115,11 @@ class Tooltip {`
`115`	`115`	`this.#createTooltip()`
`116`	`116`	`}`
`117`	`117`
`118`		`- if (hasContainerClassNameChanged) {`
	`118`	`+ if (hasContainerClassNameChanged \|\| hasContentChanged) {`
`119`	`119`	`this.#tooltip.classList.add(this.#containerClassName \|\| '__tooltip')`
`120`	`120`	`}`
`121`	`121`
`122`		`- if (hasPositionChanged) {`
	`122`	`+ if (hasPositionChanged \|\| hasContainerClassNameChanged \|\| hasContentChanged) {`
`123`	`123`	this.#tooltip.classList.remove(`__tooltip-${oldPosition}`)
`124`	`124`	this.#tooltip.classList.add(`__tooltip-${this.#position}`)
`125`	`125`	`}`