--- title: Revisiting form elements in Vanilla Framework description: 'Over the years, we’ve identified a number of areas for improvement when it comes to the basic building blocks of a form – inputs, buttons, etc: Long-standing complaints that inputs and buttons are too similar and therefore hard to distinguish “Noisiness” of long forms caused by the presence of borders around all sides of inputs […]' url: https://canonical.com/blog/revisitign-form-elements-in-vanilla-framework?format=md --- 1. [Blog](https://canonical.com/blog) 2. Article --- [Lyubomir Popov](https://canonical.com/blog/author/lyubomir-popov "More about Lyubomir Popov") on 12 December 2022 # Revisiting form elements in Vanilla Framework Share on:* [Facebook](https://www.facebook.com/sharer/sharer.php?u=https://www.canonical.com/blog/revisitign-form-elements-in-vanilla-framework "Share on Facebook") * [Twitter](https://twitter.com/share?text=Revisiting%20form%20elements%20in%20Vanilla%20Framework&url=https://www.canonical.com/blog/revisitign-form-elements-in-vanilla-framework&hashtags=ubuntu "Share on Twitter") * [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://www.canonical.com/blog/revisitign-form-elements-in-vanilla-framework&title=Revisiting%20form%20elements%20in%20Vanilla%20Framework "Share on LinkedIn") --- --- ## Newsletter signup Get the latest Canonical news and updates in your inbox. Work email: \*I agree to receive information about Canonical's products and services. By submitting this form, I confirm that I have read and agree to [Canonical's Privacy Policy](https://canonical.com/legal/data-privacy). Sign up Over the years, we’ve identified a number of areas for improvement when it comes to the basic building blocks of a form – inputs, buttons, etc: * Long-standing complaints that inputs and buttons are too similar and therefore hard to distinguish * “Noisiness” of long forms caused by the presence of borders around all sides of inputs and buttons Last cycle, our proposal for updated form elements was discussed and approved, and in this iteration, we worked on implementing it in Vanilla, our front-end framework. Before Vanilla 3.9: After Vanilla 3.9: * We’ve reduced the number of borders (all around) to the minimum required to satisfy WCAG contrast ratio requirements for interactive elements * We’ve removed round corners from buttons and other elements, as part of a wider push to align better with the work of our Brand team * We’ve introduced subtle transitions when interacting with form elements This update also affects components that build on the functionality of form elements, like our search and Filter component: The updated style was released as part of Vanilla 3.9.0 release. [Version 3.9.0](https://github.com/canonical/vanilla-framework/releases/tag/v3.9.0) has just been released. You can see the updated form elements in action [here](https://vanillaframework.io/docs/base/forms) #### Related posts --- [estelacarmona](https://canonical.com/blog/author/estelacarmona) 28 August 2026 ### [AI harnesses for telco autonomous networks](https://canonical.com/blog/ai-harnesses-for-telco-autonomous-networks) 5G Article As the telco industry transitions toward Autonomous Networks Level 4, a fundamental architectural challenge has emerged: how do you build a secure, reliable and interoperable AI harness that bridges probabilistic AI reasoning with deterministic, carrier-grade network execution? ... --- [Canonical](https://canonical.com/blog/author/canonical) 25 August 2026 ### [Arduino® VENTUNO™ Q is available for pre-order with Ubuntu pre-installed](https://canonical.com/blog/arduino-ventuno-q-is-available-for-pre-order-with-ubuntu-pre-installed) Canonical announcements Ubuntu tech blog London, UK – August 25, 2026 – Following our initial collaboration announcement in March 2026, Canonical and Arduino (a subsidiary of Qualcomm Technologies, Inc.) are excited to announce that VENTUNO Q is now generally available for pre-order, pre-loaded with Ubuntu. VENTUNO Q is a dual-brain developer board designed for edge AI and robot ... --- [Mikhail Khazov](https://canonical.com/blog/author/khazov-m) 13 August 2026 ### [Advantech AOM-2721 is now Ubuntu Certified](https://canonical.com/blog/advantech-aom-2721-ubuntu-certified) Hardware Enablement Ubuntu tech blog Canonical announces that the Advantech AOM-2721 is officially joining the list of Ubuntu Certified Hardware. ...