Merge d328643 into f36cd6c

src/vaadin-combo-box-mixin.html

@@ -263,7 +263,20 @@
 
       this._observer = new Polymer.FlattenedNodesObserver(this, info => {
         this._setTemplateFromNodes(info.addedNodes);
+        this._updatePositionTarget();
       });
+
+      this._updatePositionTarget();
+    }
+
+    _updatePositionTarget() {
+      this.$.overlay.positionTarget = this._getPositionTarget();
+    }
+
+    _getPositionTarget() {
+      // Use `[part="input-field"]` if found (for `<vaadin-text-field>` and such)
+      return this.inputElement && this.inputElement.shadowRoot && this.inputElement.shadowRoot.querySelector('[part="input-field"]') ||
+             this.inputElement;
     }
 
 

src/vaadin-combo-box.html

@@ -89,7 +89,6 @@
     <vaadin-combo-box-dropdown-wrapper id="overlay"
       opened=[[opened]]
       renderer=[[renderer]]
-      position-target="[[_getPositionTarget()]]"
       _focused-index="[[_focusedIndex]]"
       _item-id-path="[[itemIdPath]]"
       _item-label-path="[[itemLabelPath]]"
@@ -393,10 +392,6 @@
           this._restoreInputBlur();
         }
 
-        _getPositionTarget() {
-          return this.$.input;
-        }
-
         _updateAriaExpanded() {
           if (this._nativeInput) {
             this._nativeInput.setAttribute('aria-expanded', this.opened);

test/overlay-position.html

@@ -88,7 +88,7 @@
   }
 
   function inputContentRect() {
-    return comboBox.$.input.getBoundingClientRect();
+    return comboBox.$.input.shadowRoot.querySelector('[part~="input-field"]').getBoundingClientRect();
   }
 
   describe('overlay', () => {