Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Radiobutton's linefeed behavior is different to Checkbox #3363

Closed
kojisaiki opened this issue Jul 12, 2017 · 0 comments
Closed

Radiobutton's linefeed behavior is different to Checkbox #3363

kojisaiki opened this issue Jul 12, 2017 · 0 comments
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@kojisaiki
Copy link
Contributor

kojisaiki commented Jul 12, 2017

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
Expected code is descripted at "Expected behavior".

Current behavior
When label text is too long at Checkbox and Radiobutton, label text is made linefeed.
At then, Radiobutton label's start position is different to Checkbox.

  • At checkbox
    image

  • At Radiobutton
    image

Expected behavior
Radiobutton label's style display:inline-block generates this behavior.
By eliminating this, it will be solved.

  • Solved behavor
    image

  • developer tool view
    image

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

  • Angular version: 2.0.X

Latest PrimeNG demo site.

  • PrimeNG version: 2.0.X

Latest PrimeNG demo site.

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Google Chrome 59.0.3071.115

  • Language: [all | TypeScript X.X | ES6/7 | ES5]

  • Node (for AoT issues): node --version =

@cagataycivici cagataycivici self-assigned this Aug 23, 2017
@cagataycivici cagataycivici added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Aug 23, 2017
@cagataycivici cagataycivici added this to the 4.1.4 milestone Aug 23, 2017
@cagataycivici cagataycivici changed the title [bug report] Radiobutton's linefeed behavior is different to Checkbox Radiobutton's linefeed behavior is different to Checkbox Aug 23, 2017
@cagataycivici cagataycivici added Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Aug 23, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

2 participants