ionic-team / ionic-team/ionic-framework

feat: ion-select centering option

Abierto
#29,503 4 comentarios 0 reacciones 0 asignados Ver en GitHub
package: core type: feature request
Lenguaje dominante
TypeScript
Estrellas
52.7k
Forks
13.3k
Merge medio
1 d 15 h
PR fusionados (30 d)
51

Descripción

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already include this feature request, without success.

### Describe the Feature Request

Hi,
I would like to be able to have an option on the `ion-select` to center the dropdown (with or without the label).
Thanks!

@amandaejohnston @Lechevallier

### Describe the Use Case

This is the target
![image](https://github.com/ionic-team/ionic-framework/assets/459963/2b532a97-5fc7-41b3-8257-ff8ae4a6358f)

### Describe Preferred Solution

I suppose we can add a `center` option into the select linked SCSS.
See here
https://github.com/ionic-team/ionic-framework/blob/44e1977e98b9b5a5556477dfbc5e7cba31c8c0e3/core/src/components/select/select.scss#L360-L373

### Describe Alternatives

_No response_

### Related Code

_No response_

### Additional Information

There was already a similar [ticket](https://github.com/ionic-team/ionic-framework/issues/27296) for react project
However, I cannot applied this on Angular project with the latest 7.x.

Ionic:

Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 7.8.5
@angular-devkit/build-angular : 17.3.3
@angular-devkit/schematics : 17.3.3
@angular/cli : 17.3.3
@ionic/angular-toolkit : 11.0.1

Capacitor:

Capacitor CLI : 6.0.0
@capacitor/android : 6.0.0
@capacitor/core : 6.0.0
@capacitor/ios : 6.0.0

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.