Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: tailwindlabs/tailwindcss-forms
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: v0.5.4
Choose a base ref
...
head repository: tailwindlabs/tailwindcss-forms
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: v0.5.5
Choose a head ref
  • 5 commits
  • 3 files changed
  • 3 contributors

Commits on Aug 22, 2023

  1. Fix text alignment on date and time inputs on iOS (#144) 

    * Fix text alignment on date and time inputs on iOS

* Update index.js

---------

Co-authored-by: Adam Wathan <[email protected]>
    @reinink @adamwathan
    reinink and adamwathan authored Aug 22, 2023
    1

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
    GPG key ID: 4AEE18F83AFDEB23
    Expired
    Verified
    Learn about vigilant mode
    Copy the full SHA
    5a13e94 View commit details

  2. Update changelog

    @reinink
    reinink authored Aug 22, 2023
    1

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
    GPG key ID: 4AEE18F83AFDEB23
    Expired
    Verified
    Learn about vigilant mode
    Copy the full SHA
    31ba684 View commit details

  3. Update changelog

    @thecrypticace
    thecrypticace committed Aug 22, 2023
    1
    Copy the full SHA
    199b00d View commit details

  4. update changelog

    @thecrypticace
    thecrypticace committed Aug 22, 2023
    Copy the full SHA
    1af6c80 View commit details

  5. 0.5.5

    @thecrypticace
    thecrypticace committed Aug 22, 2023
    1
    Copy the full SHA
    9b7356c View commit details
Showing with 20 additions and 2 deletions.
  1. +8 −1 CHANGELOG.md
  2. +1 −1 package.json
  3. +11 −0 src/index.js
9 changes: 8 additions & 1 deletion CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -9,6 +9,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

- Nothing yet!

## [0.5.5] - 2023-08-22

### Fixed

- Fix text alignment on date and time inputs on iOS ([#144](https://github.com/tailwindlabs/tailwindcss-forms/pull/144))

## [0.5.4] - 2023-07-13

### Fixed
@@ -130,7 +136,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

Initial release!

[unreleased]: https://github.com/tailwindlabs/tailwindcss-forms/compare/v0.5.4...HEAD
[unreleased]: https://github.com/tailwindlabs/tailwindcss-forms/compare/v0.5.5...HEAD
[0.5.5]: https://github.com/tailwindlabs/tailwindcss-forms/compare/v0.5.4...v0.5.5
[0.5.4]: https://github.com/tailwindlabs/tailwindcss-forms/compare/v0.5.3...v0.5.4
[0.5.3]: https://github.com/tailwindlabs/tailwindcss-forms/compare/v0.5.2...v0.5.3
[0.5.2]: https://github.com/tailwindlabs/tailwindcss-forms/compare/v0.5.1...v0.5.2
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@tailwindcss/forms",
"version": "0.5.4",
"version": "0.5.5",
"main": "src/index.js",
"types": "src/index.d.ts",
"license": "MIT",
11 changes: 11 additions & 0 deletions src/index.js
View file
Original file line number Diff line number Diff line change
@@ -95,6 +95,17 @@ const forms = plugin.withOptions(function (options = { strategy: undefined }) {
'min-height': '1.5em',
},
},
{
// In Safari on iOS date and time inputs are centered instead of left-aligned and can't be
// changed with `text-align` utilities on the input by default. Resetting this to `inherit`
// makes them left-aligned by default and makes it possible to override the alignment with
// utility classes without using an arbitrary variant to target the pseudo-elements.
base: ['::-webkit-date-and-time-value'],
class: ['.form-input::-webkit-date-and-time-value'],
styles: {
'text-align': 'inherit',
},
},
{
// In Safari on macOS date time inputs are 4px taller than normal inputs
// This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements