discourse/app/assets/javascripts/float-kit/addon/services/internal-tooltip.js

import { tracked } from "@glimmer/tracking";
import Service from "@ember/service";

/*
  This service holds the current tooltip displayed when using <DTooltip> component.
  All of these tooltips share a common portal outlet element, which means
  we have to ensure we close them before their html is replaced, otherwise
  we end up with a detached element in the DOM and unexpected behavior.
*/
export default class InternalTooltip extends Service {
  @tracked activeTooltip;
}
FIX: replaces data-tooltip usage by <DTooltip /> (#24062) As much as possible I would like us to avoid having to go the with a global event listener on click/mouseover. For now I have removed all cases of `data-tooltip`, if we clearly identify a use case of a global event listener we might reconsider this. The following changes are also included: - by default tooltips won't attempt to focus first focusable element anymore - tooltip will now use `cursor: pointer` by default - a new service has been introduced: `InternalTooltip` which is responsible to track the current instance displayed by a `<DTooltip />`. Portal elements when replaced are not properly cleaned and I couldn't figure out a way to have a proper hook to ensure the previous `DTooltipInstance` is properly set as not expanded; this problem was very visible when using a tooltip as interactive and hovering another tooltip, which would replace the interactive tooltip as not closed. 2023-10-23 21:09:02 +02:00			`import { tracked } from "@glimmer/tracking";`
			`import Service from "@ember/service";`

			`/*`
			`This service holds the current tooltip displayed when using <DTooltip> component.`
DEV: Fix random typos (#28103) July 2024 edition 2024-07-26 23:13:12 +02:00			`All of these tooltips share a common portal outlet element, which means`
FIX: replaces data-tooltip usage by <DTooltip /> (#24062) As much as possible I would like us to avoid having to go the with a global event listener on click/mouseover. For now I have removed all cases of `data-tooltip`, if we clearly identify a use case of a global event listener we might reconsider this. The following changes are also included: - by default tooltips won't attempt to focus first focusable element anymore - tooltip will now use `cursor: pointer` by default - a new service has been introduced: `InternalTooltip` which is responsible to track the current instance displayed by a `<DTooltip />`. Portal elements when replaced are not properly cleaned and I couldn't figure out a way to have a proper hook to ensure the previous `DTooltipInstance` is properly set as not expanded; this problem was very visible when using a tooltip as interactive and hovering another tooltip, which would replace the interactive tooltip as not closed. 2023-10-23 21:09:02 +02:00			`we have to ensure we close them before their html is replaced, otherwise`
			`we end up with a detached element in the DOM and unexpected behavior.`
			`*/`
			`export default class InternalTooltip extends Service {`
			`@tracked activeTooltip;`
			`}`