question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Slider] Floating label not visible

See original GitHub issue

Description: Floating label not visible in the slider

Screenshot from 2019-10-22 19-43-05

Expected behavior: show floating label

Source code:

<com.google.android.material.slider.Slider
        android:id="@+id/slider"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:valueFrom="20f"
        android:valueTo="70f"
        android:stepSize="10"
        app:floatingLabel="true"
        />

Android API version: 23, 28 (probably not version specific)

Material Library version: 1.2.0-alpha01

Device: Pixel 2 emulator, LG Zero (probably not device specific)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
somename6668commented, Nov 20, 2019

use app:floatingLabel="false" to show floating label.

1reaction
gabrielemariotticommented, Oct 22, 2019

@kaushalyap In my code I am using android:clipChildren="false", android:clipToPadding="false".

Read more comments on GitHub >

github_iconTop Results From Across the Web

material slider and range slider tooltip not always visible
Currently Material Slider has not state of label for ALWAYS VISIBLE. But we can do one thing to overcome this issue.
Read more >
Floating labels · Bootstrap v5.0
Create beautifully simple form labels that float over your input fields.
Read more >
Slider | API Reference | ArcGIS API for JavaScript 4.25
Overrides the default input parses, which is a parsed floating point number. ... When the data range is larger than 10 , labels...
Read more >
Form field - Angular Material
The floating label is a text label displayed on top of the form field control when the control does not contain any text...
Read more >
react-native-floating-label-input - npm
This is a React-Native TextInput component, containing a floating placeholder, visible even after filled in, that you can freely modify its ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found