Docs: Minor changes to ex

Author: jlukic

docs/src/content/examples/query-positioningparent.mdx

@@ -1,12 +1,12 @@
 ---
-title: 'Query .offsetParent()'
-shortTitle: '.offsetParent()'
+title: 'Query .positioningParent()'
+shortTitle: '.positioningParent()'
 id: 'query-positioningparent'
 exampleType: 'component'
 category: 'Query'
 subcategory: 'Visibility'
 tags: ['query', 'offset', 'parent', 'position', 'fixed', 'absolute']
 description: 'Finds the actual positioning context for positioned elements'
-tip: 'Unlike offsetParent, correctly handles fixed elements and modern CSS positioning contexts'
+tip: 'Unlike positioningParent, correctly handles fixed elements and modern CSS positioning contexts'
 selectedFile: 'page.js'
 ---

docs/src/examples/query/dom-traversal/query-offsetparent/page.css

@@ -16,7 +16,7 @@
 }
 
 .target {
-  position: absolute;
+  position: fixed;
   top: 20px;
   left: 20px;
   padding: var(--padding);
@@ -41,4 +41,4 @@ ui-button {
 .highlight {
   outline: 3px solid var(--red-40);
   outline-offset: -3px;
-}
+}

docs/src/examples/query/dom-traversal/query-offsetparent/page.html

@@ -1,7 +1,7 @@
 <div class="container">
   <div class="box">
     <div class="target">
-      position: absolute
+      position: fixed
       <br>top: 20px
     </div>
   </div>

docs/src/examples/query/dom-traversal/query-offsetparent/page.js

@@ -51,6 +51,7 @@ $('.find').on('click', () => {
   $('.highlight').removeClass('highlight');
 
   const $offsetParent = $('.target').offsetParent();
+  console.log($offsetParent.el());
   $offsetParent.addClass('highlight');
 
   if ($offsetParent.is('.container')) {
@@ -60,9 +61,9 @@ $('.find').on('click', () => {
     log('Containing parent: .box (due to transform/filter!)');
   }
 
-  // Compare with browser's offsetParent
-  const $offsetParent = $('.target').offsetParent({ calculate: false });
-  if (!$offsetParent.is($offsetParent)) {
+  // Compare with positioning parent (which will handle filter);
+  const $positioningParent = $('.target').positioningParent();
+  if (!$offsetParent.is($positioningParent)) {
     $log.append('<br>Note: Browser offsetParent is different!');
   }
 });