Skip to content
This repository was archived by the owner on Jan 6, 2025. It is now read-only.
This repository was archived by the owner on Jan 6, 2025. It is now read-only.

fxFlexOffset has wrong margin when container's flex-direction is switched #505

@nysource

Description

@nysource

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Clear margin-left(or margin-top)

What is the current behavior?

Remained margin-left(or margin-top)

What are the steps to reproduce?

Run below code and rotate a device.
(test2 has both margin-top: 16px and margin-left: 10%;)
<div fxLayout="row" fxLayout.lt-md="column">
<p id="test1" fxFlex="45" fxFlex.lt-md="100">test1</p>
<p id="test2" fxFlex="45" fxFlex.lt-md="100" fxFlexOffset="10" fxFlexOffset.lt-md="16px">test2</p>
</div>

What is the use-case or motivation for changing an existing behavior?

Incorrect behaviour

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 4.4.6
material 2.0.0-beta.12
flex-layout 2.0.0-beta.10-4905443

Metadata

Metadata

Labels

P3Important issue that needs to be resolvedbugcan be closed?

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions