Jun 22, 2022 · Jun 22, 2022
diff --git a/src/components/tooltip/helpers/bv-tooltip.js b/src/components/tooltip/helpers/bv-tooltip.js
  contains,
  getAttr,
  getById,
  getShadowRootOrRoot,
  hasAttr,
  hasClass,
  isConnectedToDOM,
  isDisabled,
  isElement,
  isVisible,

    this.$nextTick(() => {
      const target = this.getTarget()
      if (target &&contains(document.body,target)) {
      if (target &&(target.isConnected || isConnectedToDOM(target))) {
        // Copy the parent's scoped style attribute
        this.scopeId = getScopeId(this.$parent)
        // Set up all trigger handlers and listeners
      const target = this.getTarget()
      if (
        !target ||
        !contains(document.body,target) ||
        !isConnectedToDOM(target) ||
        !isVisible(target) ||
        this.dropdownOpen() ||
        ((isUndefinedOrNull(this.title) || this.title === '') &&
    getContainer() {
      // Handle case where container may be a component ref
      const container = this.container ? this.container.$el || this.container : false
      const body = document.body
      const target = this.getTarget()
      const body = getShadowRootOrRoot(target)

      // If we are in a modal, we append to the modal, If we
      // are in a sidebar, we append to the sidebar, else append
      // to body, unless a container is specified
diff --git a/src/utils/dom.js b/src/utils/dom.js

 // Determine if an HTML element is visible - Faster than CSS check
 export const isVisible = el => {
  if (!isElement(el) || !el.parentNode || !contains(DOCUMENT.body, el)) {
    // Note this can fail for shadow dom elements since they
    // are not a direct descendant of document.body
  if (!isElement(el) || !el.parentNode || !isConnectedToDOM(el)) {
    // Fail for IE11 Shadow DOM. Fixed for all other Browsers
    return false
  }
  if (getStyle(el, 'display') === 'none') {
  return !!(bcr && bcr.height > 0 && bcr.width > 0)
 }

 // used to grab either the shadow root in a web component or the main document body
 export const getShadowRootOrRoot = el => {
  if (el.getRootNode == null) {
    return DOCUMENT.body
  }
  const root = el.getRootNode()
  if (root.nodeName === '#document') {
    return root.body
  }
  return root
 }

 export const isConnectedToDOM = el => {
  // If node.isConnected undefined then fallback to IE11 compliant check
  return el.isConnected == null ? contains(DOCUMENT.body, el) : el.isConnected
 }

 // Determine if an element is disabled
 export const isDisabled = el =>
  !isElement(el) || el.disabled || hasAttr(el, 'disabled') || hasClass(el, 'disabled')
Original file line number	Diff line number	Diff line change
Expand Up		@@ -29,8 +29,10 @@ import {
		contains,
		getAttr,
		getById,
		getShadowRootOrRoot,
		hasAttr,
		hasClass,
		isConnectedToDOM,
		isDisabled,
		isElement,
		isVisible,
Expand DownExpand Up		@@ -262,7 +264,7 @@ export const BVTooltip = /#__PURE__/ Vue.extend({

		this.$nextTick(() => {
		const target = this.getTarget()
		if (target &&contains(document.body,target)) {
		if (target &&(target.isConnected \|\| isConnectedToDOM(target))) {
		// Copy the parent's scoped style attribute
		this.scopeId = getScopeId(this.$parent)
		// Set up all trigger handlers and listeners
Expand DownExpand Up		@@ -420,7 +422,7 @@ export const BVTooltip = /#__PURE__/ Vue.extend({
		const target = this.getTarget()
		if (
		!target \|\|
		!contains(document.body,target) \|\|
		!isConnectedToDOM(target) \|\|
		!isVisible(target) \|\|
		this.dropdownOpen() \|\|
		((isUndefinedOrNull(this.title) \|\| this.title === '') &&
Expand DownExpand Up		@@ -567,8 +569,9 @@ export const BVTooltip = /#__PURE__/ Vue.extend({
		getContainer() {
		// Handle case where container may be a component ref
		const container = this.container ? this.container.$el \|\| this.container : false
		const body = document.body
		const target = this.getTarget()
		const body = getShadowRootOrRoot(target)

		// If we are in a modal, we append to the modal, If we
		// are in a sidebar, we append to the sidebar, else append
		// to body, unless a container is specified
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -83,9 +83,8 @@ export const isActiveElement = el => isElement(el) && el === getActiveElement()

		// Determine if an HTML element is visible - Faster than CSS check
		export const isVisible = el => {
		if (!isElement(el) \|\| !el.parentNode \|\| !contains(DOCUMENT.body, el)) {
		// Note this can fail for shadow dom elements since they
		// are not a direct descendant of document.body
		if (!isElement(el) \|\| !el.parentNode \|\| !isConnectedToDOM(el)) {
		// Fail for IE11 Shadow DOM. Fixed for all other Browsers
		return false
		}
		if (getStyle(el, 'display') === 'none') {
Expand All		@@ -100,6 +99,23 @@ export const isVisible = el => {
		return !!(bcr && bcr.height > 0 && bcr.width > 0)
		}

		// used to grab either the shadow root in a web component or the main document body
		export const getShadowRootOrRoot = el => {
		if (el.getRootNode == null) {
		return DOCUMENT.body
		}
		const root = el.getRootNode()
		if (root.nodeName === '#document') {
		return root.body
		}
		return root
		}

		export const isConnectedToDOM = el => {
		// If node.isConnected undefined then fallback to IE11 compliant check
		return el.isConnected == null ? contains(DOCUMENT.body, el) : el.isConnected
		}

		// Determine if an element is disabled
		export const isDisabled = el =>
		!isElement(el) \|\| el.disabled \|\| hasAttr(el, 'disabled') \|\| hasClass(el, 'disabled')
Expand Down