Closed Bug 1008385 Opened 6 years ago Closed 6 years ago

Betterment.com "Goal set up" page's funded-in-X-years input is broken, due to spinners pushing number out of view

Categories

(Web Compatibility :: Desktop, defect)

x86
Linux
defect
Not set

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: dholbert, Unassigned)

References

()

Details

(Keywords: site-compat)

Attachments

(1 file)

Attached image screenshot
STR:
 1. Log into your account at https://wwws.betterment.com/
 2. Tap "Portfolio" at top
 3. Tap your "named goal" dropdown in upper-left, and pick "Add Goal or IRA"
 4. Click "Safety Net" option, and then "Add Goal"

ACTUAL RESULTS:

On the resulting page, on the text...
> I want my safety net funded in [3^v] years
...the "3" is pushed out of the input field by the spinner up/down arrows.

I believe the site doesn't actually want any spinners to be there, because they have this style:
> input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
> 	-webkit-appearance:none;
> 	margin:0
> }
https://wwws.betterment.com/app/assets/styles/css/b-blessed2.css

As noted in similar bug 1000400, they presumably want to add
 input[type=number]
  {
   -moz-appearance: textfield;
  }
alongside that webkit CSS, to get the same effect in Firefox/Gecko.

I have a contact who I've reported bugs to before at Betterment; I'll reach out to them & report back with what I hear.
Summary: Betterment.com "Goal Set up" layout broken → Betterment.com "Goal set up" page's funded-in-X-years input is broken, due to spinners pushing number out of view
I emailed Betterment's support@ email with details about this issue & a link to this bug.

(My last contact there was the support@ person. The last time I reported an issue, about a year ago, they were extremely responsive & helpful, so hopefully we'll have a fix or more information here before long.)
Blocks: 946398
Keywords: site-compat
I got an email reply from a Betterment support person -- she's forwarded the details on to their developers.
Thanks Daniel. Moving bug to the Desktop Component.
Assignee: english-us → nobody
Component: English US → Desktop
Whiteboard: [sitewait]
Depends on: 1006591
No longer depends on: 1006591
I verified that this has now been fixed on the site. The field shown in the screenshot no longer has  up/down-arrows superimposed over the number, and I verified via Style Editor that their stylesheet "b.css" has the suggested style rule in effect:
  input[type=number]{-moz-appearance:textfield}

URL: https://wwws.betterment.com/app/assets/styles/css/b.css

Thanks, Betterment!
Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → FIXED
(astevenson, presumably the "[sitewait]" whiteboard status can now be removed? I'll leave that removal to you, in case you know of any followup triage/labeling that needs to be done on such bugs.)
Flags: needinfo?(astevenson)
Hi Daniel. Awesome about the fix. I removed the [sitewait] though I'm not sure if we need to as the bug is resolved. We don't normally modify the whiteboard after closing in the mobile section. :)
Flags: needinfo?(astevenson)
Whiteboard: [sitewait]
Product: Tech Evangelism → Web Compatibility
You need to log in before you can comment on or make changes to this bug.