Skip to content

Instantly share code, notes, and snippets.

@joaocunha
joaocunha / How To Hide The Select Arrow On Firefox.md
Last active December 10, 2023 13:05
How to hide <select> dropdown's arrow in Firefox when using "-moz-appearance: none;".

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

How to remove hide the select arrow in Firefox using -moz-appearance:none;

TL;DR (or, the fix)

  1. Set -moz-appearance to none. This will "reset" the styling of the element;
  2. Set text-indent to 0.01px. This will "push" the text a tiny bit[1] to the right;
@sbrady
sbrady / decorator_pattern.groovy
Created January 15, 2015 05:57
Example decorator pattern in Groovy using @DeleGate
class Person {
String firstName
String lastName
}
class PersonDecorator {
private @Delegate Person person
def fullName() {
"$firstName $lastName"
}