Bismillaahirrohmaanirrohiim…

Berikut ini kumpulan css yang berguna, untuk mengingat saja.

Input atau button delay saat diklik (mobile)

Jika ada delay saat input atau button diklik, khususnya dimobile, bisa menggunakan kode ini:

touch-action: manipulation;

bisa dipasang di root, misal
* {
  touch-action: manipulation;
}

Block css yang dijalankan di safari atau chrome ios

/* Safari-specific fixes */
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		.form-control {
			-webkit-appearance: none;
			border-radius: 0;
		}
		
		.btn {
			-webkit-appearance: none;
		}

		/* Touch-friendly button styles untuk iOS */
		.btn {
			-webkit-tap-highlight-color: transparent;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			min-height: 44px; /* iOS touch target minimum */
		}

	}
}

Halaman ini akan terus diupdate…