883776 - [Music] The 'x' button in the music search area is not properly aligned

Status: RESOLVED WORKSFORME

(Firefox OS Graveyard :: Gaia::Music, defect, P2)

Description

[Leo]

[Music] The 'x' button in the music search area is not properly aligned
1. Title : In music player, the 'x' icon in the search bar is overlapping the text area.
2. Precondition : have a couple of music files on the device
3. Tester's Action : 1. Launch Music player.
                     2. Switch to all songs view, try to search
                     3. The 'x' icon towards the right corner of the search area is not properly aligned (its overlapping input text area).
4. Detailed Symptom (ENG.) : The 'x' delete button is not aligned properly,its overlapping the input text area.
5. Expected : 'x' button should not overlap the text area.
6.Reproducibility: Y
1)Frequency Rate : 100%
7.Gaia Master/v1-train : Reproduced
8.Gaia Revision: 032bcd8fb6eca83f701768d1ea123cc81623a6f6
9.Personal email id:  [e-mail]

Comment 1

[Dominic Kuo [:dkuo]]

Leo, do you mind to attach a screenshot and indicates the issue? thanks.

Comment 2

[Hema Koka [:hema]]

Giving this to Punam Dahiya

(Please attach screenshot as Dominic requested)

Comment 3

[Punam Dahiya [:pdahiya]]

Attachment: Attachment showing overlapped x btn with input search string

Attachment showing overlapping x btn with input text on Unagi device. This view is replicable when input search string is long (>21 chars) and user clicks on search input text to type in search string. This makes x-button visible and overlaps the last few characters of the search string.

Comment 4

[Punam Dahiya [:pdahiya]]

Attachment: Attachment showing hidden x btn with complete input text

Attachment showing x btn hidden, with full input text on Unagi device. This view is replicable when user clicks on anywhere outside input text area. This hides x-button and shows the underlying last few characters of the search string.

Comment 5

[Punam Dahiya [:pdahiya]]

Leo, please confirm if the issue reported by you in the bug is same as shown in attachments above or am i missing something here?

Comment 6

[Leo]

Attachment: Screenshot

I have uploaded the screen shot.See the top right corner, checked with red color.

Comment 7

[Punam Dahiya [:pdahiya]]

Leo,
What device are you seeing this mis-alignment of X button on? I am using unagi device TurkCell MaxiPlus and am not seeing this issue on the device. 

Also, are you seeing this mis-alignment on 
- "Search contacts" in Contacts App, and 
- while filling "Your Name" text box during "Adding a new account" in Email app

because all these 3 have same underlying styles in the code.

Comment 8

[Leo]

Hi,

Using Leo device.

Defect is seen in music player..search option

Comment 9

[Dominic Kuo [:dkuo]]

From attachment 763984 [details] I can see the styles of searchbox is not update-to-date, we should uplift the bug and this issue should be fixed. I am finding it and will update later.

Comment 10

[Dominic Kuo [:dkuo]]

Leo, bug 868385 fixed the styles of the search box, and landed on v1-train about 1 week ago so after you update your build this issue should just gone. I am marking it WORKSFORME because it's already fixed.

Comment 11

[Punam Dahiya [:pdahiya]]

Thanks Dominic. Bug 884221 is using old styles of the search box as well and should be fixed with uplift of Bug 868385.