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.

Placeholder in empty certificates tab may be cropped off

See original GitHub issue

Technical details

  • Device name: “Galaxy Nexus” Android Emulator template
  • Android version: API 23
  • Font size: normal

Describe the bug

The placeholder which is shown when no certificates are displayed may be cropped off. See images below.

Steps to reproduce the issue

  • Use emulator template as described above
  • Open Certificates tab and remove any certificates

The placeholder is then cropped off as seen in the image below.

Expected behaviour

Enough space is available that the layout could be shown in full.

Possible Fix

  • Use available space.
  • If not enough space is available, no cropped-off text should be displayed, instead the text should be removed completely.

However I don’t know a good way to instruct the layout to do that in a satisfying way.

Additional context

The layout’s bottom, plus a 48dp margin, aligns to the top of the “+ Certificate” FAB.

This is not the case for the Check In tab, where the placeholder layout aligns only to its parent’s top and bottom. However, this may cause the FAB to be displayed over the placeholder text. This can also be seen in the images.

Screenshots

“Show layout bounds” is enabled in the system’s Developer options, thus the pink space around a layout indicates its margin.

Certificates tab Check In tab
Screenshot_1627468679 Screenshot_1627468689

Internal Tracking ID: EXPOSUREAPP-8721

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
dsarkarcommented, Aug 18, 2021

@fynngodau Thanks for reporting the issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Placeholders in Form Fields Are Harmful
Disappearing placeholder text strains users' short-term memory. ... They have different tabs open, or they might be pulled away by an email ...
Read more >
Add, edit, or remove a placeholder on a slide layout
On the View tab, click Slide Master. · In the left thumbnail pane, click the slide layout that you want to add one...
Read more >
Use placeholders to personalize email signatures - CodeTwo
1. How to add placeholders to a signature template. Once a placeholder is added, you can modify its properties on the Placeholder tab...
Read more >
:placeholder-shown - CSS: Cascading Style Sheets | MDN
When form fields are too small, placeholder text can get cropped in an undesirable way. You can use the text-overflow property to alter...
Read more >
Don't Use The Placeholder Attribute - Smashing Magazine
The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let's clarify why you ...
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