Skip to content

Aspect ratio feature exits Y-Axis boundary on resize #132

@jsgandalf

Description

@jsgandalf

Aspect ratio feature exits Y-Axis boundary on resize .

Here is an example on stackblitz: https://stackblitz.com/edit/angular-mesrtz

The X-Axis is respected however try resizing on the Y-Axis. Y-Axis Boundaries are ignored, please see attached screenshot
aspect ratio feature exits boundary on resize

<div class="row">
  <div class="col" style="min-height: 300px;">
    <div id="container" class="widget-container">
      <h4 class="widget-header">Containment</h4>
        <!-- rzContainment could be a CSS selector string, 'parent' or an Element object -->
        <div
          ngResizable
          [rzAspectRatio]="true"
          class="resizable-widget"
          rzContainment="#container"
          rzHandles="all"
        >
        <h4 class="widget-header">Resizable</h4>
      </div>
    </div>
  </div>
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions