1,685 questions
Best practices
0
votes
3
replies
56
views
Is it allowed to ask “Sign in with Apple” users for their real email address if they chose “Hide My Email”?
I’m using Sign in with Apple in my iOS app.
When a user chooses “Hide My Email”, I receive the @privaterelay.appleid.com relay address. For marketing reasons, I would prefer to have the user’s real ...
- 1,739
0
votes
0
answers
13
views
lightning-input of type date behaving strangely in lwr sites
I have the below lwc which I am planning to use inside lwr. But the behavior is different/strange. For example: when I am giving some wrong date like Nov 39, 2025. it automatically chooses the next ...
- 499
0
votes
1
answer
57
views
Cannot automatically highlight a navigation item in NavigationSplitView on iPad or visionOS
I am building an app using NavigationSplitView, when previewing on Mac I can simply use List(selection: $selected) to highlight an item by default. Whether the correct content or details panel is ...
- 5,012
1
vote
1
answer
90
views
React Native - Why don't buttons/interactions work when the virtual keyboard is open on mobile devices?
In my React Native code, I have a Text Input with a button, but the button does not work when the virtual keyboard of mobile devices are opened. The user is forced to tap out of the keyboard, and then ...
- 11
1
vote
0
answers
125
views
Rotate JWT token in Auth.js (Next Auth) before session expiration
I develop a Next.js app with Auth.js v5 security. I use jwt strategy for sessions
I'm trying to achieve lightweight authorization checks in my Next.js app by injecting user roles into JWT payload
...
0
votes
1
answer
37
views
How can I center a div both vertically and horizontally using CSS Flexbox?
I'm trying to design a responsive website layout and I need to center a div exactly in the middle of the page (both vertically and horizontally). I've tried using margin and position, but it doesn't ...
0
votes
1
answer
82
views
Sortablejs is slow on Chrome with large table (2000 records)
When my sortablejs has an table of 2000+ records it gets realy slow and the page gives me the option to wait or close tab.
But this table is used by clients(in need of an good UX) so this cant happen ...
- 445
-1
votes
1
answer
271
views
How do I generically skeletonize my SwiftUI views?
Suppose I have some view that is dependent on asynchronous data throughout my app. I want to create a "Placeholder" for that view, similar to Facebook, X, or other platforms, showing a ....
- 2,520
0
votes
0
answers
48
views
Should I rely on native HTML validations for progressive enhancement?
I'm working on a webassembly frontend and progressive enhancement is very important, since it's not that widely supported.
I'm trying to get it right, but I found out it's much harder than I expected. ...
- 617
1
vote
1
answer
70
views
How to scroll lazy column when soft keyboard is called?
I am trying to implement a chat function in my app. I am dealing with the elements being pushed upwards when the keyboard is called. Right now what seems to be working the closest to what I want is ...
- 63
0
votes
0
answers
21
views
Why does Keyboard.dismiss not work in App.js?
I created the following component in react-native:
import { TouchableWithoutFeedback, Keyboard } from "react-native";
export default function DismissKeyboard({ children }) {
return (
&...
- 1
0
votes
1
answer
253
views
How to Pre-fill Email Field on AWS Cognito Managed Login Page in Multi-Tenant SaaS?
In my multi-tenant SaaS application, I use AWS Cognito for authentication with a managed login page. Each tenant has a separate Cognito user pool. The authentication flow is as follows:
The user ...
1
vote
3
answers
111
views
laravel/vue design: different ways to handle a loader on a SPA while laravel is processing a job
It is a design question, and though I am a full stack dev, I am weaker on frontend UX stuff:
I am creating a laravel application with Inertia and Vue, where each user has portfolios. Portfolios rely ...
- 402
0
votes
0
answers
36
views
How to retain navigation stack in Flutter when user changes system theme?
I am using ThemeExtension class to add more custom light and dark theme colors to my app. However, when I navigate to another screen from the home screen and change the theme, the app comes back to ...
3
votes
3
answers
542
views
How to disable double-tap zoom on Safari mobile?
How can double-tap zoom be disabled on Safari mobile?
There are some rules for default behaviour: With text it somehow depends on font-size. Other types of elements also allow to be double tapped and ...
- 2,887
3
votes
1
answer
711
views
Can't comprehend how insets in Compose work. Why do I have this space here?
I am trying to learn about how Composables work, but it's very difficult when one example I see implementing something I have works, and what I have has the audacity of not listening to me. This is ...
- 31
0
votes
1
answer
40
views
How to get currently ringing number in Android without Call Screening Permission?
I'm building an appointment app for a client. One of the features is to tap a button in the app to get the phone number of the call going in the background. It works fine in devices below Android 10. ...
- 33
1
vote
0
answers
100
views
Any ideas for how to recreate functionality of iOS Photos app zoomable grid view in React?
building a mobile-friendly web app in React that is supposed to mimic the layout of the iOS Photos app Grid View:
When you pinch in or out to zoom, as the number of columns change, the item you're ...
- 33
0
votes
2
answers
528
views
Gradually smoothen the backdrop blur in flutter
I have a tab bar, and i wanted a backdrop filter blur on it.
Which i did using the following code:
ClipRRect(
child: BackdropFilter(
filter: ImageFilter.blur(...
- 2,571
0
votes
1
answer
87
views
Is there a way to show a login screen when app becomes inactive and then once user login, the app resumes like nothing happened in flutter?
The thing I want to implement - App launches from splash screen, goes to login screen and then to home screen and user can continue from there. Now let's assume the user is on profile screen and then ...
1
vote
0
answers
56
views
Wizard workflow with autosave/save on exit - UX/API/Database Design Strategy evaluation
I have a wizard where the whole page fills up with a step, user selects the step and clicks next when the step is complete. User can go back and forth between steps and there are provisions to restore ...
- 441
0
votes
1
answer
272
views
How to replace icon in instance of a component in Figma?
Requirement:
I used same icons for the navigation items at the beginning of the time but after creating the Figma design I want to change and use specific icons for the specific item.
Problem:
I am ...
- 67
0
votes
1
answer
137
views
SVG not taking full width of container div
Facing issue where SVG is not taking full width of parent div.
I've tried updating the viewBox and adding width and height attributes to the SVG, but neither approach has worked.
My requirement,
I ...
- 784
0
votes
1
answer
91
views
Can I have an HTML number input's arrows jump different than its step attribute?
I have an <input type="number" step="1"> element for choosing font size. However, given the context of drawing on a large canvas, changing the number by 1 is barely ...
- 21.6k
0
votes
1
answer
181
views
User interfaces for chat comments and multiple reply
I'm trying to develop chat interfaces UI by following design and below is my code but I couldn't fix corner curve and design! Maximum nested reply will be three.
Design
Code
/* styles.css */
...
- 3,316
0
votes
1
answer
132
views
Angular 17: Resizer using Cdk Drag
I am trying to rewrite a resizer using cdk drag. The way I have taken seems valid, but there is little control during resizing, the size seems to follow an exponential trend.
Surely I am missing ...
- 95
0
votes
1
answer
134
views
Image is being cut off from the carousel
I'm building an image carousel on my website, and my images are all 1350 x 523
so i made my carousel 523 pixels in height to cover it's full extent on height
but it's width is responsive to the screen ...
0
votes
1
answer
3k
views
How to do gradient masking in Figma [closed]
I have followed the YouTube tutorials exactly as they explained but still not solving my problem. I am very new to Figma so I am in the process of learning.
As per the tutorials after you place the ...
- 3
0
votes
1
answer
218
views
Maintain row position during drag n drop when other rows collapsed
I have a draggable/sortable list of accordion items (or expandable rows) and I'm collapsing all of them during drag n drop to make it easier for the user to see what they're doing.
If I do this only ...
- 7,002
1
vote
0
answers
120
views
C# string length validation for SQL Server UTF-8 collation columns
I'm struggling with communicating length validation issues in my C# app to business users for string values that are stored in SQL Server using columns with UTF-8 collation (...
- 21
0
votes
1
answer
207
views
Do passkeys require discrete user flows for registration vs. authentication?
UX designer here working on an update to our authentication flow, ideally replacing passwordless email login with passkeys as a primary authentication method.
Today, our product does not distinguish ...
0
votes
2
answers
81
views
How to create a downwards arrow in CSS that changes size according to screen size?
I have a CSS arrow that points down.
.bottom {
display: inline-block;
width: 2em;
height: 2em;
border: 0.2em solid #333;
border-radius: 50%;
}
.bottom:after {
content: '';
display: ...
- 362
0
votes
0
answers
264
views
Did vscode-server change its directory structure and why?
I am trying to fix the weird behavior of VSCode in an air-gapped scenario. We use a similar approach to the one described here to bring vscode-server into an air-gaped environment.
VSCode server used ...
- 392
1
vote
0
answers
59
views
How do i change the look of a tabitem? Literally Nothing happens no matter what i add to it
So i Have this NavBar with five items. The middle one is suppose to be a little bit bigger, have a orange background and have the logo of openai (its a school project). But no matter what i add to the ...
- 11
-1
votes
1
answer
139
views
How to create car start/stop button in flutter?
I want to create car selling app. I want use car start/stop button on onboarding screen & on tap play car engine start sound? Could you help for creating this widget?
Car start/stop button widget
...
3
votes
1
answer
500
views
Android Studio: How to keep logcat pinned when running the app?
I hadn't used Android Studio in a long time. I recently started using it and am facing a UX issue.
As you can see below, I want to always have the Logcat stay at the bottom like so:
However, every ...
0
votes
1
answer
98
views
Performance and poor experience on element rotation with Angular
in Angular 17 I'm building a board on which various elements are placed that can be moved, resized and rotated.
I'll preface this by saying that I have very little experience on Angular and I don't ...
- 95
1
vote
1
answer
61
views
I would like to set AnimatedOpacity to only a part, but it will only be reflected in the terminal child widget
I want to create a button that displays a border while being pressed.
However, I want to control whether the border is shown or hidden using AnimatedOpacity, but the button itself becomes hidden.
How ...
- 772
0
votes
1
answer
39
views
I want to mimic gradient colors, is there a tool or software that can help me figure out which colors I am creating and how?
For example, I do not know how to imitate the gradient colors in instagram.
Since I basically use figma, is there any tool to imitate gradient colors with figma plug-ins?
Just figuring out the colors, ...
- 772
1
vote
1
answer
325
views
How to create a map of a country that allows me to select its states and take that input
I´m new on Flutter, currently I´m using a FloatingActionButton that displays a dialog that allows me to select one of the options that I show you in the image, this only boils down to using a list of ...
0
votes
1
answer
162
views
How implement an alternative option when value is not in picker
For my React native (expo) project. I have two item pickers the first picker contains a list of brand names. When the user is in the Add screen. He can select a brand but sometimes the brand that he ...
- 742
2
votes
2
answers
206
views
How can i make fancy corners in my website
I want to make corner like in this image
I am a beginner to frontend development. I tried this but i'm stuck now.
The Code:
* {
margin: 0;
padding: 0;
}
body {
height: 100vh;
display: ...
-2
votes
1
answer
80
views
Which would be the best UX? [closed]
Actually, I'm a beginner to the development.I want to know one thing.
I have a form in my app which contain few fields to make the user fill their details(not long details).if the user navigate to ...
- 339
2
votes
2
answers
249
views
How to create a Flutter UI with a divider and a button positioned between the divider?
I'm working on a Flutter project and need guidance on coding a UI that includes a divider with a button situated between the divider. Could someone provide a code example or share insights on the best ...
0
votes
0
answers
379
views
Is there a way to force sort columns for the Backlog view of Azure Devops?
In other views, you have to create various queries to get the results you want and change sorting, but the backlog view is a simple listing of team tasks and doesn't require extra steps. The only ...
- 2,198
0
votes
0
answers
270
views
Dashed line indicator for matching bracket pair in VSCode?
Is there a way to make the colored vertical lines indicating bracket pair ranges be drawn with dashed lines, instead of the default, solid style?
I'd like to get something like this:
- 5,701
2
votes
2
answers
2k
views
How do I customize Laravel Breeze's message about a password being compromised?
Edit: This issue should be solved in Laravel 10.33 and up. Refer to the comment below for more information.
I'm working on an app using Laravel Breeze. When I try to create an unsafe password (...
- 349
0
votes
2
answers
4k
views
How to target element inside #shadow-root?
I want to change the display style inside of the #shadow-root and am having some trouble targeting it. First question, is it possible to target it through CSS? Or is it better to do it through JS?
...
- 27
1
vote
1
answer
152
views
manifest.webmanifest varible name and image
I’m developing a PWA app that is used by multiple businesses. Each business has its own subdomain, and I would like to know if I can use a variable or generate manifest.webmanifest at the first ...
- 491
2
votes
0
answers
150
views
Find the closest rectangle to a given rectangle in any of four directions [closed]
Given a few dozen rectangles that are non-overlapping but clustered arbitrarily close together, how can the rectangle above, below, to the left, or right of any particular rectangle be chosen?
Given ...
- 175