eclipsesource / eclipsesource/tabris-js

RadioButton with no text is not centered horizontally in its intrinsic bounds

Open
#1,441 0 comments 0 reactions 0 assignees View on GitHub
bug ios
Dominant language
JavaScript
Stars
1.4k
Forks
171
PR merge metrics
No merged PRs in 30d

Description

### Problem description

A `RadioButton` with no text is not centered horizontally in its intrinsic bounds. Instead it looks like it still treats the spacing between the round graphic and the (empty) text as part of its content. Thereby the radio button graphic is shifted to the left.

![image uploaded from ios 11](https://user-images.githubusercontent.com/73655/28460282-a77bef16-6e11-11e7-836c-aa3def4e7291.jpg)

### Expected behavior

The radio button circle should be centered in its intrinsic bounds when no text is set.

### Environment

- Tabris.js version: 2.0.0
- Device: iPhone SE
- OS: 10.3.2

### Code snippet

```javascript
const {RadioButton, Composite, ui} = require('tabris');

new Composite({background: '#bbbbbb'}).append(
new RadioButton()
).appendTo(ui.contentView);

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.