Matze0211
(Matthias)
February 14, 2022, 7:13pm
1
Hi,
I am running OH3.2 and have a oh-slider-item within a oh-list-card and the slider is not aligned to the correct value.
Thats reproducable on Android 11, but also on Windows 10 with Edge 98.0.1108.50
Anyone else experiencing the same?
- component: oh-slider-item
config:
title: Lautstärke
icon: soundvolume
item: EGWohnzimmerFernseher_Volume
min: 0
max: 25
step: 1
label: true
scale: true
releaseOnly: true
JustinG
(JustinG)
February 14, 2022, 7:46pm
2
I have seen some occasional issues with improper rendering of sliders in android app and chrome browsers, but never consistent and always fixed by a simple page refresh. If this is truly reproducible, then it probably warrants an issue on github .
Possibly relevant:
opened 10:43PM - 04 Jan 21 UTC
closed 08:22PM - 05 Jan 21 UTC
bug
main ui
<!--
Please DO NOT ERASE this template, but fill in the details as requested. T… his will ensure your issue is properly filed and will be considered. Otherwise, we may reserve the right to close it without further action.
-->
## The problem
<!--
Describe the issue you're having. In most cases it is appreciated to share screenshots or
even animated GIFs of your issue.
To make screenshots:
* On Windows: use Win+Shift+S
* On macOS: use Cmd+Shift+4
To make animated GIFs we recommend:
* On Windows: ShareX - https://getsharex.com/
* On macOS: Giphy Capture - https://giphy.com/apps/giphycapture
* On GNU/Linux: Peek - https://github.com/phw/peek
-->
The slider widget is missing `18` on the scale, which means the 'ball' is not in the correct position either...
![image](https://user-images.githubusercontent.com/62958838/103587276-caf9b200-4ede-11eb-94bd-2ce0dde0940d.png)
## Expected behavior
<!--
Describe what you expected to happen or how it should look/behave.
-->
I would expect to see the numbers 15, 16, 17, 18, 19, 20 and 21 equispaced, with the 'ball' of the slider perfectly atop one of the integers.
## Steps to reproduce
<!--
Provide accurate steps to reproduce the issue, including pastes of widget/page code if necessary.
-->
1. Create a number Item as follows:
![image](https://user-images.githubusercontent.com/62958838/103587019-3c853080-4ede-11eb-85ca-5b1fdc3de241.png)
2. Define a _Default Standalone Widget_ and add metadata as follows, and Save:
```yaml
value: oh-slider-card
config:
scale: true
step: 1
min: 15
max: 21
```
3. Slider widget ends up looking like this, with `18` missing from the scale, and the 'ball' of the slider not sitting atop exact integers.
![image](https://user-images.githubusercontent.com/62958838/103587216-aa315c80-4ede-11eb-9326-9c3b72b4670e.png)
4. This is also true for the list slider widget. Have not tried the cell slider widget.
This configuration:
![image](https://user-images.githubusercontent.com/62958838/103587687-b0740880-4edf-11eb-9368-7ad66e5fe97f.png)
Results in:
![image](https://user-images.githubusercontent.com/62958838/103587727-ca155000-4edf-11eb-9961-f112620870a5.png)
when clicking on the _Test Location_ from the _Locations_ tab.
## Your environment
<!--
As an admin, in the main UI, choose *Help & About* on the left sidebar, expand *Technical information* and click on *View details*, then click *Copy* and paste the results here. You may omit information that is not pertinent to this issue if you feel it's divulging information you'd like not to share.
-->
```yaml
runtimeInfo:
version: 3.0.0
buildString: Release Build
locale: en_GB
systemInfo:
configFolder: /etc/openhab
userdataFolder: /var/lib/openhab
logFolder: /var/log/openhab
javaVersion: 11.0.9.1
javaVendor: Azul Systems, Inc.
javaVendorVersion: Zulu11.43+55-CA
osName: Linux
osVersion: 5.4.0-58-generic
osArchitecture: amd64
availableProcessors: 2
freeMemory: 52029816
totalMemory: 136314880
bindings:
- http
- mqtt
- network
clientInfo:
device:
ios: false
android: false
androidChrome: false
desktop: true
iphone: false
ipod: false
ipad: false
edge: false
ie: false
firefox: true
macos: false
windows: false
cordova: false
phonegap: false
electron: false
nwjs: false
webView: false
webview: false
standalone: false
pixelRatio: 1
prefersColorScheme: light
isSecureContext: true
locationbarVisible: true
menubarVisible: true
navigator:
cookieEnabled: true
deviceMemory: N/A
hardwareConcurrency: 2
language: en-GB
languages:
- en-GB
- en
onLine: true
platform: Linux x86_64
screen:
width: 1920
height: 1080
colorDepth: 24
support:
touch: false
pointerEvents: true
observer: true
passiveListener: true
gestures: false
intersectionObserver: true
themeOptions:
dark: light
filled: true
pageTransitionAnimation: default
bars: filled
homeNavbar: default
homeBackground: default
expandableCardAnimation: default
userAgent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:84.0) Gecko/20100101 Firefox/84.0
```
Actually, probably not.
But try removing your icon on the left - I bet the ball sits exactly where it should then…
Annero
(Ulf)
February 14, 2022, 8:26pm
4
I hade same problem. On listcard setting “configure list” forgot to make a choise. After selecting Media list my problem was solved.
Matze0211
(Matthias)
February 14, 2022, 8:37pm
5
Thanks for all your feedback.
I have already tried removing the icon before, this did not solved it, but Channing the most to media list helped. Thanks