diff --git a/src/lib/api/flexbox/layout.spec.ts b/src/lib/api/flexbox/layout.spec.ts
index 5c72e98df..c5b9ace50 100644
--- a/src/lib/api/flexbox/layout.spec.ts
+++ b/src/lib/api/flexbox/layout.spec.ts
@@ -167,6 +167,13 @@ describe('layout directive', () => {
});
});
+ it('should have valid wrap with flex children', () => {
+ createTestComponent(`
`);
+ expectNativeEl(fixture).toHaveStyle({
+ 'flex-wrap': 'wrap'
+ });
+ });
+
});
describe('with inline options', () => {
diff --git a/src/lib/utils/style-utils.ts b/src/lib/utils/style-utils.ts
index 37049296b..255c8be4c 100644
--- a/src/lib/utils/style-utils.ts
+++ b/src/lib/utils/style-utils.ts
@@ -72,7 +72,7 @@ export function lookupAttributeValue(element: HTMLElement, attribute: string): s
* Find the DOM element's inline style value (if any)
*/
export function lookupInlineStyle(element: HTMLElement, styleName: string): string {
- return element.style[styleName];
+ return element.style[styleName] || element.style.getPropertyValue(styleName);
}
/**