WIP - Pinpoint - New Page.

third_party/polymer/components/paper-tooltip/paper-tooltip.html

 <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
@@ skipping 226 matching lines @@
       detached: function() {
         if (!this.manualMode)
           this._removeListeners();
       },
 
       show: function() {
         // If the tooltip is already showing, there's nothing to do.
         if (this._showing)
           return;
 
-        if (Polymer.dom(this).textContent.trim() === '')
-          return;
+        if (Polymer.dom(this).textContent.trim() === ''){
+          // Check if effective children are also empty
+          var allChildrenEmpty = true;
+          var effectiveChildren = Polymer.dom(this).getEffectiveChildNodes();
+          for (var i = 0; i < effectiveChildren.length; i++) {
+            if (effectiveChildren[i].textContent.trim() !== '') {
+              allChildrenEmpty = false;
+              break;
+            }
+          }
+          if (allChildrenEmpty) {
+            return;
+          }
+        }
 
 
         this.cancelAnimation();
         this._showing = true;
         this.toggleClass('hidden', false, this.$.tooltip);
         this.updatePosition();
 
         this.animationConfig.entry[0].timing = this.animationConfig.entry[0].timing || {};
         this.animationConfig.entry[0].timing.delay = this.animationDelay;
         this._animationPlaying = true;
@@ skipping 55 matching lines @@
             tooltipTop = targetTop + verticalCenterOffset;
             break;
           case 'right':
             tooltipLeft = targetLeft + targetRect.width + offset;
             tooltipTop = targetTop + verticalCenterOffset;
             break;
         }
 
         // TODO(noms): This should use IronFitBehavior if possible.
         if (this.fitToVisibleBounds) {
-          // Clip the left/right side.
-          if (tooltipLeft + thisRect.width > window.innerWidth) {
+          // Clip the left/right side
+          if (parentRect.left + tooltipLeft + thisRect.width > window.innerWidth) {
             this.style.right = '0px';
             this.style.left = 'auto';
           } else {
             this.style.left = Math.max(0, tooltipLeft) + 'px';
             this.style.right = 'auto';
           }
 
           // Clip the top/bottom side.
-          if (tooltipTop + thisRect.height > window.innerHeight) {
-            this.style.bottom = '0px';
+          if (parentRect.top + tooltipTop + thisRect.height > window.innerHeight) {
+            this.style.bottom = parentRect.height + 'px';
             this.style.top = 'auto';
           } else {
-            this.style.top = Math.max(0, tooltipTop) + 'px';
+            this.style.top = Math.max(-parentRect.top, tooltipTop) + 'px';
             this.style.bottom = 'auto';
           }
         } else {
           this.style.left = tooltipLeft + 'px';
           this.style.top = tooltipTop + 'px';
         }
 
       },
 
       _addListeners: function() {
@@ skipping 37 matching lines @@
           this.unlisten(this._target, 'focus', 'show');
           this.unlisten(this._target, 'mouseleave', 'hide');
           this.unlisten(this._target, 'blur', 'hide');
           this.unlisten(this._target, 'tap', 'hide');
         }
         this.unlisten(this, 'mouseenter', 'hide');
       }
     });
   </script>
 </dom-module>