Comments (6)
You could leverage the ion-invalid
class that is placed on ion-select
to apply the styling you want. Alternatively, you could conditionally render some text below the select if you wanted to give a more descriptive error.
from ionic-framework.
Thanks for the issue! This issue has been labeled as needs reproduction
. This label is added to issues that need a code reproduction.
Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.
If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.
For a guide on how to create a good reproduction, see our Contributing Guide.
from ionic-framework.
Hey @liamdebeasi!
Sorry for the late reply, I'll be honest, I fixed this on my own, and was too lazy to create a project to re-produce this small issue when it could be re-producible anywhere, but eventually I thought I'd better help.
I've attached a SB link.
from ionic-framework.
Thanks for the reproduction! This is helpful. I can reproduce the reported behavior, but Ionic is working as intended here. The difference in validation highlighting is due to differences between the design systems themselves. In this case Material Design (typically used on Android) will highlight the arrow red whereas iOS does not. ion-select
follows both design patterns depending on the design system used. I am going to close this since Ionic is working as intended and it sounds like you have a workaround, but let me know if you have any questions.
from ionic-framework.
Oh, very well then, how do I best achieve displaying an error state on ion-select
(when at least an option is required to be selected), as it doesn't have any attributes/bindings on it's own regarding errors (unlike ion-input
/ion-textarea
)? Or, any UI/UX ideas about other components?
Thanks in the meantime!
from ionic-framework.
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.
from ionic-framework.
Related Issues (20)
- bug: buttons inside `ion-header` not accessible with screenreader (unless scrolled down) HOT 1
- bug: Keyboard interaction on device with inputs/buttons inside of swiper HOT 1
- bug: unintended re-focus to input after selecting clear input button with iOS VoiceOver HOT 5
- bug: ionic8 Conflict between font color and theme color in new dark mode HOT 2
- bug: Auto foucs in ios not work (ionic vue) HOT 1
- feat: Export files in `utils` in distribution HOT 1
- bug: swiper inside ion-content not recognizing dir="rtl" when rendered dynamically HOT 3
- bug: iOS Modal Drag Animation Glitches HOT 2
- feat: Expose ion-input/ion-searchbar value as a signal in Angular HOT 1
- feat: ion-searchbar helperText HOT 6
- bug: ion-input debounce is not set with binding syntax on initial load HOT 4
- bug: iOS - Tap on status bar doesnโt scroll to top HOT 3
- feat: status bar dark in dark-mode HOT 4
- bug: item borders effectively invisible in md dark mode HOT 3
- bug: bundle size increase with IonicModule and lazy loaded web components in v8.0.1 HOT 4
- bug: root remains `aria-hidden` after dismissing multiple overlays consecutively
- bug: IonPage occasionally doesn't render when navigating quickly
- [TRAINING] bug: ion-input retained in memory after removed from DOM
- CapacitorHttp FormData Not Supported on Android Device but it working fine on ionic serve(browser) HOT 1
- bug: Keyboard expansion unable to push bottom elements HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-framework.