DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Fix layout for absolutely positioned nodes with absolutely positioned parents that have border and/or padding

Browse Source
This commit is contained in:
Andrew Rasmussen
2015-04-30 14:35:59 -07:00
parent 0af68d137a
commit 5f52e947cb
6 changed files with 320 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/__tests__/Layout-test.js
View File

@@ -1552,5 +1552,50 @@ describe('Layout', function() {
);
});
it('should layout absolutely positioned node with absolutely positioned padded parent', function() {
testLayout(
{style: {width: 400, height: 400}, children: [
{style: {position: 'absolute', top: 100, left: 100, right: 100, bottom: 100, padding: 10}, children: [
{style: {position: 'absolute', top: 10, left: 10, right: 10, bottom: 10}}
]},
]},
{width: 400, height: 400, top: 0, left: 0, children: [
{width: 200, height: 200, top: 100, left: 100, children: [
{width: 180, height: 180, top: 10, left: 10}
]}
]}
);
});
it('should layout absolutely positioned node with absolutely positioned padded and bordered parent', function() {
testLayout(
{style: {width: 400, height: 400}, children: [
{style: {position: 'absolute', top: 100, left: 100, right: 100, bottom: 100, padding: 10, borderWidth: 1}, children: [
{style: {position: 'absolute', top: 10, left: 10, right: 10, bottom: 10}}
]},
]},
{width: 400, height: 400, top: 0, left: 0, children: [
{width: 200, height: 200, top: 100, left: 100, children: [
{width: 178, height: 178, top: 11, left: 11}
]}
]}
);
});
it('should layout absolutely positioned node with padded flex 1 parent', function() {
testLayout(
{style: {width: 400, height: 400}, children: [
{style: {flex: 1, padding: 10}, children: [
{style: {position: 'absolute', top: 10, left: 10, right: 10, bottom: 10}}
]},
]},
{width: 400, height: 400, top: 0, left: 0, children: [
{width: 400, height: 400, top: 0, left: 0, children: [
{width: 380, height: 380, top: 10, left: 10}
]}
]}
);
});
});