Comments (6)
@TiBz0u for the initialFocusField
it's a mistake.
I've tried to use 1.5.0 but i get the same problem as shown in my video. I really don't understand because it's working on all other platform except on iOS.
from angular-code-input.
@TiBz0u @GuillaumeGascon Thank you guys! You save my time :) Much appreciated.
from angular-code-input.
@GuillaumeGascon Hi, I will check the case.
from angular-code-input.
@AlexMiniApps thank's !
from angular-code-input.
Hi @GuillaumeGascon ,
We use version 1.5.0 in production and it's working perfectly on last iOS 15 version.
Can you explain why you have initialFocusField
at 6? Normally, you should have an error.
Kr.
from angular-code-input.
Ok, i managed to find what's wong !
So in my CSS i do this:
&.empty {
display: flex !important; <-- this line is the problem
justify-content: center;
&::after {
content: "";
position: absolute;
bottom: 8px;
width: 24px;
height: 2px;
background: var(--ion-color-separator);
margin: 0 auto;
z-index: 10;
}
}
So it appear for some reason that put .empty in display flex create the problem on iOS, so i've change my css for this:
&.empty {
&::after {
content: "";
position: absolute;
bottom: 8px;
width: 24px;
height: 2px;
left: 12px;
background: var(--ion-color-separator);
margin: 0 auto;
z-index: 10;
}
}
Have a nice day !
from angular-code-input.
Related Issues (20)
- Add placeholder support HOT 3
- Accessibility: Reflects text input behaviors HOT 5
- Angular Code Input Component throwing "ERROR ReferenceError: document is not defined HOT 9
- Autocapitalize HOT 1
- Programmatically add code HOT 4
- Add Option to Auto Capitalize inputs HOT 3
- Add support for angular 13 HOT 21
- Add --item-background-focused css var HOT 1
- auto select first input when click & empty HOT 2
- styling of input text HOT 2
- on screen material keyboard and code-input HOT 4
- Add css class on exist error HOT 1
- Keep focus after completing input HOT 3
- Usage in angular 13 project HOT 2
- Allow specifying custom input pattern HOT 1
- codeCompleted method calling function twice when code is entered quickly. HOT 2
- Input color and font-weight stylig is not applied HOT 7
- Responsive view HOT 1
- Add support for angular 16 HOT 4
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 angular-code-input.