Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: ion-datetime text not aligned with ion-input #18761

Closed
mebibou opened this issue Jul 11, 2019 · 3 comments · Fixed by #22221
Closed

bug: ion-datetime text not aligned with ion-input #18761

mebibou opened this issue Jul 11, 2019 · 3 comments · Fixed by #22221
Labels
package: core @ionic/core package type: bug a confirmed bug report
Milestone

Comments

@mebibou
Copy link

mebibou commented Jul 11, 2019

Bug Report

Ionic version:

[x] 4.x

Current behavior:
Value of ion-datetime is not algined with other input values

Expected behavior:
Should all be aligned

Steps to reproduce:
Create a form with ion-datetime and some ion-input

Related code:

<ion-list>
  <ion-item>
    <ion-icon slot="start" name="time"></ion-icon>
    <ion-datetime value="2019-01-01"></ion-datetime>
  </ion-item>
  <ion-item>
    <ion-icon slot="start" name="radio-button-off"></ion-icon>
    <ion-input [value]="from" placeholder="Choose Starting Point"></ion-input>
  </ion-item>
  <ion-item>
    <ion-icon slot="start" name="pin"></ion-icon>
    <ion-input [value]="to" placeholder="Choose Destination"></ion-input>
  </ion-item>
</ion-list>

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.2.2 (/.nvm/versions/node/v10.1.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.6.1
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Utility:

   cordova-res : 0.3.0 (update available: 0.6.0)
   native-run  : 0.2.5 (update available: 0.2.7)

System:

   NodeJS : v10.1.0 (/.nvm/versions/node/v10.1.0/bin/node)
   npm    : 6.10.0
   OS     : macOS Mojave
@ionitron-bot ionitron-bot bot added the triage label Jul 11, 2019
@liamdebeasi
Copy link
Contributor

Thanks for the issue! I was able to reproduce this here: https://codepen.io/liamdebeasi/pen/PrLJbw.

@liamdebeasi liamdebeasi added package: core @ionic/core package type: bug a confirmed bug report labels Jul 11, 2019
@mirkonasato
Copy link

Same if you have an <ion-label position="fixed"> rather than an ion-icon.

@ionitron-bot
Copy link

ionitron-bot bot commented Nov 6, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Nov 6, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
package: core @ionic/core package type: bug a confirmed bug report
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants