Skip to content
Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
Close

Search

  • WhatsApp
  • Linkedin
Let's Talk!
Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

Grafica Group logo Grafica Blog Grafica Blog

Case studies and notes from Grafica's work

  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
  • Work
  • Demos
  • Agencies
  • Brands
  • Contact
Close

Search

  • WhatsApp
  • Linkedin
Let's Talk!
Home/Field notes/The mouse wheel was changing our calculator’s numbers. Check yours.
A woman's hand on a black computer mouse, the scroll wheel visible beside her index finger, at an office desk with a monitor
Field notes

The mouse wheel was changing our calculator’s numbers. Check yours.

By Luis Gallego
October 6, 2026 5 Min Read
0

Click into the interest-rate field of a calculator, keep the cursor there, and turn the mouse wheel to read further down. On our rental profit projector, on 5 October 2026 in Chrome, one notch of the wheel took the rate from 6.5 to 6.375 and the projected return from 10.14% to 10.37%. Nothing was typed.

We had found and fixed that defect in our mortgage calculator while building it. The projector went public on 5 October without the fix, and we found that out while writing this note. The projector got the fix that same night. If your agency ships calculators or quote forms with number fields, it is worth a minute to find out whether a client’s site does the same in Chrome. We have not tested anyone else’s.

Work finished: 6 October 2026 · Written: October 2026

A calculator on a website looks like a small job. Someone types a price and a rate, and a number comes back. The visitor then takes that number to a lender or into an offer on a house. If it is wrong by a little, nobody sees it on the page.

On 5 October we published two of ours on grafica.group: a mortgage calculator and a rental profit projector. Both are demos with invented figures, and they sit with the rest of our demos at grafica.group/demos. This note is about what we checked, before and after they went up.

A mortgage calculator: the inputs on the left and, on the right, the monthly payment split into principal and interest, property tax and insurance
The mortgage calculator, with its invented starting values.

The wheel that changed a figure

One of the defects fixed during the build of the mortgage calculator: the mouse wheel changed a number field that had focus.

On the page as first built, in Chrome, a focused number field took a turn of the wheel as one step up or one step down. A visitor who clicks into a field and then turns the wheel to read on has changed an input without knowing, and the results that depend on it have changed with it.

The fix: when the wheel turns over a focused number field, the field gives up focus, and the wheel scrolls whatever it would have scrolled anyway. The check is this. Click into a number field, keep the cursor over it, turn the wheel, and read the value. The value must be the same. If there is anything to scroll, the page, or the panel the field sits in, will have moved. During the build we ran the same check against the page without the fix and watched the value change by one step.

On 5 October we repeated it on both public pages, in Chrome, on the interest-rate field. The mortgage calculator held: the rate stayed at 6.4 and the page scrolled. The projector did not: that is the reading this note opens with. The projector got the same fix that night, 5 October 2026. The next morning we repeated the check on the public page in Chrome: the rate stayed at 6.5 and the inputs panel scrolled. A bare number field in the same browser, same run, still dropped to 6.375.

The math, checked a second way

The mortgage calculator builds its schedule month by month. Running it and looking at the result would prove only that the code agrees with itself.

So the check takes the math out of the page file and compares its results with the closed-form formulas for a loan payment and a remaining balance, which reach the same figures by another road. A separate check confirmed, the night the calculators went public, that the file was the one being served. Sixty cases, 3,825 values, no mismatch, the largest difference a fraction of a cent. The formulas are anchored to a known figure: 200,000 at 6% over 30 years is 1,199.10 a month.

Then we moved one expected value by one cent, and the check failed.

A bar chart of principal and interest paid in each of 30 years with the remaining balance as a line, above a year-by-year table
Where each year’s payments go, and the year-by-year table. The check compares the payment and the balances with the closed-form formulas.

The projector has more moving parts: vacancy, taxes, depreciation, a sale at the end, a rate of return. Its check runs sixty cases and solves the rate of return a second, independent way. At one point the check reported 31 mismatches. Every one was the second solver’s error or the test’s, not the page’s. With the solver replaced, the check passed on all 7,081 values.

A rental profit projector: property and loan inputs on the left and result tiles on the right, among them a projected return labelled a projection, not a promise
The rental profit projector. Its return tile reads “a projection, not a promise”.

Lead forms, and what they say

Both pages have a place where a live site would capture a lead. Neither sends anything: we pressed both buttons and watched the network, and no request left the page. The projector’s form says that in this demo it is wired to nothing. The mortgage calculator’s form is switched off on the public page. Switched on, it asks for a name and an e-mail before it shows the year-by-year table, and says in one line that it sends nothing and stores nothing.

A lead form under the chart asking for a name and an e-mail, with the line: Demo only: this form sends nothing and stores nothing
The mortgage calculator with its lead form switched on. The line under the fields says what the form does.

Each page also says what it is. The mortgage calculator: an illustration with invented figures, not a loan offer or financial advice. The projector: examples, not financial advice, and no return is promised. What the checks show is narrower: the mortgage calculator’s payments and balances match the closed-form formulas, and the projector’s rate of return matches a second, independent solver.

The mortgage calculator at phone width: the title and, below it, the inputs panel from home price down to property tax and insurance
The same calculator at phone width.

Does a calculator on a client’s site pass this check? Open our mortgage calculator in Chrome, click into the interest-rate field, keep the cursor over it and turn the mouse wheel. The rate stays at 6.4 and the page scrolls. Then do the same on a number field on theirs.

Open the mortgage calculator
Author

Luis Gallego

Published by Grafica, a design, branding, web development and marketing consultancy with global reach. Since 2012.

Follow Me
Other Articles
Una operadora en una sala de control de televisión, frente a una mesa de mezcla y varios monitores
Previous

Cuando su programación cambia, ¿cuántas páginas de su sitio se enteran?

A bakery owner leaning on his counter, reading a laptop beside fresh bread
Next

What «Kinsta Select Partner» means when you hire us, and what it does not

Grafica Group

A design, branding, web development and marketing consultancy with global reach. Since 2012.

  • Our work
  • Demos
  • For agencies
Book a call

Recent Posts

  • A man reading a newspaper in morning light, a cup of coffee on the table
    AI brief, October 2026: seven things that matter if you run a website
    by Luis Gallego
    October 6, 2026
  • How to scale your agency in 2026? Grafica’s guide to White Label Partnerships
    by Luis Gallego
    December 31, 2025
  • The Invisible Powerhouse. How agencies scale with less risk.
    by Luis Gallego
    March 31, 2026
  • “The problem wasn’t the images”, A WooCommerce Website Migration Story.
    by Luis Gallego
    July 30, 2026

Search

Grafica Group logo

A design, branding, web development and marketing consultancy with global reach.

Design meets your vision.

  • LinkedIn
  • WhatsApp

Latest Posts

  • Writing code got cheap. Knowing it is right did not
    After hundreds of sites, Luis Gallego on what AI changed in web development, what it did not, and what to ask whoever builds your site.
  • What «Kinsta Select Partner» means when you hire us, and what it does not
    Grafica is a Kinsta Select Partner, listed in Kinsta's agency directory. What the status covers, what it does not, and how to check it yourself.
  • The mouse wheel was changing our calculator’s numbers. Check yours.
    A turn of the mouse wheel changed the interest rate in one of our calculators. The defect, the fix, the one-minute check, and how the math was verified.

Grafica Group

  • Work
  • Demos
  • Agencies
  • Brands
  • Contact

Contact

Phone

+50499601911

Email

info@grafica.group

support@grafica.group

Location

Tegucigalpa, Honduras

Copyright 2026 — Grafica Group. All rights reserved.