eclipsesource / eclipsesource/tabris-js
Layout bug: placing widged below baseline aligned sibling broken on Android
- Dominant language
- JavaScript
- Stars
- 1.4k
- Forks
- 171
- PR merge metrics
- No merged PRs in 30d
Description
The following snippet leads to a broken layout on Android.
iOS is layouting the snippet correctly.
``` javascript
var page = tabris.create("Page", {
title: "Baseline bug",
topLevel: true
});
var a = tabris.create("TextView", {
text: "A"
}).appendTo(page);
var b = tabris.create("TextView", {
layoutData: {top: [a, 10]},
text: "B"
}).appendTo(page);
var c = tabris.create("TextView", {
layoutData: {left: [b, 10], baseline: b},
text: "C"
}).appendTo(page);
var d = tabris.create("TextView", {
layoutData: {left: [b, 10], top: [c, 10]},
text: "D"
}).appendTo(page);
page.open();
```
Problem: on Android D is not correctly placed below C while C is baseline aligned next to B.
This is a known bug on Android: https://code.google.com/p/android/issues/detail?id=73697&thanks=73697
Screenshot iOS:

Screenshot Android:

Contributor guide
Assessment
This issue has not been assessed yet.