1382554 - Intermittent: The onboarding overlay welcome message bubble would wrap with min-width: 100px

Status: RESOLVED DUPLICATE of bug 1380963

(Firefox :: General, defect, P1)

Comment 1

[Fischer [:Fischer]]

Attachment: welcome_message_bubble_min_width_100px_normal.png

Comment 2

[Fischer [:Fischer]]

Attachment: welcome_message_bubble_min_width_100px_wrapped.png

Comment 3

[Fischer [:Fischer]]

Attachment: welcome_message_bubble_min_width_110px_no_wrapped.png

Comment 4

[Fischer [:Fischer]]

With min-width: 100px, the welcome message bubble may wrap. See [1][2]. This is maybe be related to the layout calculation glitch plus that min-width 100px is a bit too edge for the English string. It is hard to quarantine no wrap for multi-language case but at least we should ensure the english version is fine.

Enlarge the min-width to 110px could help out this issue [3]. 

[1] attachment 8888199 [details]: welcome_message_bubble_min_width_100px_normal.png
[2] attachment 8888200 [details]: welcome_message_bubble_min_width_100px_wrapped.png
[3] attachment 8888201 [details]: welcome_message_bubble_min_width_110px_no_wrapped.png

Comment 5

[Fischer [:Fischer]]

Attachment: Bug 1382554 - Intermittent: The onboarding overlay welcome message bubble would wrap with min-width: 100px.

Review commit: https://reviewboard.mozilla.org/r/159144/diff/#index_header
See other reviews: https://reviewboard.mozilla.org/r/159144/

Comment 6

[Fischer [:Fischer]]

Comment on attachment 8888202 [details]
Bug 1382554 - Intermittent: The onboarding overlay welcome message bubble would wrap with min-width: 100px.

Cancel r? because the bug 1380963 is already handling this.

Comment 8

[Fischer [:Fischer]]

(In reply to Fischer [:Fischer] from comment #4)
> With min-width: 100px, the welcome message bubble may wrap. See [1][2]. This
> is maybe be related to the layout calculation glitch plus that min-width
> 100px is a bit too edge for the English string.
>
Correct myself, after discussion with Rex. The root cause is about css `box-sizing`.