Describe the bug
On 4k screen on SOME vue-select components the text of expanded options is clear. On Full HD or 2k screen the text gets blurry (see screenshot).
//EventTypes optionset
export var EventTypes : Array<SelectOption> = [
new SelectOption(0, "Appointment"),
new SelectOption(1, "Travel"),
new SelectOption(2, "Accomodation"),
new SelectOption(3, "City"),
]
//SelectOption class
export class SelectOption{
value : number
label : string
constructor(
value : number,
label : string
){
this.value = value
this.label = label
}
}
//Part of timezones option set
export var Timezones : Array<Timezone> = [
new Timezone(0,"Dateline Standard Time","GMT-12",-720),
new Timezone(1,"Samoa Standard Time","GMT+13",780),
new Timezone(2,"Hawaiian Standard Time","HST",-600),
//Timezone class
export class Timezone{
id : number
name : string
code : string
offset : number
constructor(
id : number,
name : string,
code : string,
offset : number
){
this.id = id
this.name = name
this.code = code
this.offset = offset
}
}
Steps To Reproduce
Create vue select 3 control. Open the vue project on a FullHD screen and expand options. The text is blurry. It does only on some vue-selects but I couldn't find the common denominator. Does anyone else have this problem? I'm pretty lost on what could the issue be.
Expected behavior
Text should be clear on all resolutions and the behavior should be consistent.
Sorry, this is a bug in your application styles, not Vue Select. Not sure if you're using this package either, you've listed vue3-select@1.0.8 as the dependency, which is a different package.
Describe the bug On 4k screen on SOME vue-select components the text of expanded options is clear. On Full HD or 2k screen the text gets blurry (see screenshot).
Reduced code of the template:
I tried reducing the timezones to id, using only array of name in the options etc. nothing seems to work. Relevant CSS
Relevant TypeScript code:
Steps To Reproduce Create vue select 3 control. Open the vue project on a FullHD screen and expand options. The text is blurry. It does only on some vue-selects but I couldn't find the common denominator. Does anyone else have this problem? I'm pretty lost on what could the issue be.
Expected behavior Text should be clear on all resolutions and the behavior should be consistent.
Screenshots
![image](https://user-images.githubusercontent.com/44665254/179492907-fa2dff17-516a-4294-8132-e30d7ad88635.png)