Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

fxLayoutGap grid does not seem to work

See original GitHub issue

Bug Report

What is the expected behavior?

`fxLayoutGap=“16px grid” fxLayout=“rowWrap” should result in a gutter between all elements in a grid.

What is the current behavior?

adding fxLayoutGap="16px grid" causes no gaps between flex elements, and seems to add a 16px margin on the right side

What are the steps to reproduce?

In the stackblitz, change fxLayoutGap="16px" to fxLayoutGap="16px grid"

Stackblitz

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

It seems to be a bug. It’s possible that I am totally misunderstanding the expected behavior, in which case, I will offer documentation wording suggestions.

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

7.x, flex-layout beta 22

Is there anything else we should know?

Issue Analytics

State:
Created 5 years ago
Comments:10 (5 by maintainers)

Top GitHub Comments

1reaction

CaerusKarucommented, Jan 13, 2019

@literalpie I’ve added your note, paraphrased, to the bottom of the fxLayoutGap doc page. I hope this is satisfactory, and I’m closing the issue.

0reactions

angular-automatic-lock-bot[bot]commented, Sep 5, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

Angular flex-layout - fxLayoutGap causes annoying gap at end ...

For anyone looking for the answer to this problem, you need to add grid to fxLayoutGap.

fxLayoutGap API in Angular flex layout

In this tutorial we will learn how to use fxLayoutGap API in Angular flex layout with examples.

Flex Layout Grid Bug - StackBlitz

Starter project for Angular apps that exports to the Angular CLI.

angular/flex-layout - Gitter

Hey ! I have some problem with Safari and samsung internet. fxFlex with column doesnt seem to work properly.

Angular Flex-Layout: The Alternative Layout Library ... - Medium

A responsive API can specify different layouts, sizing, visibilities, viewport sizes, and display devices. Includes CSS Grid. Requires no external stylesheets.