Setting maxHeight on overlay with flexibleConnectedTo strategy does not work, when viewport margin is also configured

#### Reproduction

Steps to reproduce:
1. Visit the [stackblitz](https://stackblitz.com/edit/understanding-overlay-03-viewport-margin-bug)
2. Click the 2 buttons


#### Expected Behavior

That the max height of 300px is respected in both cases

#### Actual Behavior

Max height is only respected, if `withViewportMargin(10)` is not configured.

#### Environment

- Angular: 8.2.13
- CDK/Material: 8.2.3
- Browser(s): `Version 78.0.3904.70 (Official Build) (64-bit)`
- Operating System (e.g. Windows, macOS, Ubuntu): `macOS Mojave`

#### Gif


#### Relevant code

```typescript
const overlayRef = this.overlay.create({
hasBackdrop: true,
positionStrategy: this.overlay.position().flexibleConnectedTo(element)

// The max height is only respected, if the viewport margin is left out
.withViewportMargin(10) // <------

.withPositions([
{
originX: 'end',
originY: 'bottom',
overlayX: 'end',
overlayY: 'top',
},
]),
width: '200px',
maxHeight: '300px',
});
```

Inizia con la riproduzione StackBlitz collegata e l'esempio di overlay.create che utilizza flexibleConnectedTo, withViewportMargin(10) e maxHeight. Traccia il modo in cui il posizionamento connesso flessibile gestisce il margine del viewport e verifica la correzione con entrambi i pulsanti, assicurandoti che l'altezza massima di 300px venga rispettata in ogni caso.

Scritto dal modello di indicizzazione a partire dal testo della issue.