All Questions
Tagged with layout javascript
785 questions
0
votes
1
answer
48
views
Input is sliding down below android keyboard when new div is added above
Example On Stackblitz
In my minimal example, when the new "typing..." div is added to the dom, the input goes down, hiding behind the android keyboard a little. Here is a gif showing this, ...
- 362
0
votes
1
answer
34
views
The side menu bar(sticky) is overflowing unless I scroll
I am building a React app with a MainLayout component that sets consistent padding for all pages using utility classes (e.g., Tailwind CSS). Here is my MainLayout code:
import React from "react&...
1
vote
0
answers
24
views
FGC Character select Layout in REACT
I’m a beginner at React and have designed a custom FGC (Fighting Game Community) layout in Figma. I want to implement it as a React app. This is the design:Character Layout
What are some approaches i ...
-2
votes
2
answers
69
views
problem to position menu icon in the page mobile version [closed]
I want and I'm trying position the icon menu to her right edge to be equal to right edge of the image at the bottom. I don't know why, but this icon won't move :P. What's wrong? How can I fix this? ...
1
vote
1
answer
68
views
Display layout for a tree-like diagram
I am doing a project to display an org chart/flow and I want when I press a "Set layout" button to arrange the nodes in a strutured way, like from image 1 where they are scattered to image 2 ...
1
vote
2
answers
57
views
How to make elements follow a layout as more are added in css
I have this layout:
I have a div where elements are added and removed dynamically. Is there a way to make them fit into the pattern shown in the image? There will never be more than 5 elements in the ...
- 150
0
votes
1
answer
140
views
problem with adjusting the size of codemirror within its parent
What I’m trying to do is create a code editor with a user interface similar to vscode. I used split.js to scale between the editor (codemirror editor inside tabs) and sidebars.
The problem is that ...
2
votes
1
answer
99
views
How to place a CSS-grid child after the row of another child?
I am trying to replicate a UI interaction found in Apple's iTunes software: album covers are shown in a grid as selectable squares, clicking on one of which reveals a full-width tracklist box under ...
- 1,532
1
vote
2
answers
75
views
Automatic font size - js
How do you make font size automatically adjust so that the text doesn't overflow?
const h1 = document.getElementsByTagName('h1')[0];
const content = document.getElementById('content');
let size = ...
- 13
0
votes
1
answer
28
views
Webix: Using inner datalayout in Datalayout's Repeater Mode
I'm trying to diplay grouped list using Datalayout.
Data structure looks like:
Date 1
List item 1
List item 2
Date 2
List item 1
List item 2
I've found that Repeater mode of Datalayout is what I'm ...
1
vote
0
answers
137
views
React - Framer Motion - Cannot get Layout prop to work properly
The layout prop is the most frustrating prop in Framer Motion. I have 2 lists. One of them will leave the DOM when all of its children are deleted. I need 2 things from it, for it to leave the DOM ...
- 51
3
votes
1
answer
74
views
Can I using CSS effectively achieve max-width=100% and max-height=100% without parent having explicit/fixed width and height, alternative approach?
Intro
There are already plenty of questions and answers explaining how max-width and max-height works (this one for example). Basically, if the parent is unrestricted so is the child. OK, fine, but...
...
- 532
1
vote
0
answers
43
views
React-layout dynamic content?
This is code obtained from Ant Design.
The content remains the same regardless of which option is chosen. How should I modify the code so that each option displays different content? I've tried ...
- 11
-2
votes
1
answer
35
views
Can I scale layout to a smaller screen?
I did layout (using flex) for width 1280px. But it turned out that screen on which it will be shown has only 960px of browser width (and 1280px os screen width with some fractional pixel ratio)
Do I ...
- 355
0
votes
0
answers
14
views
Vertically aligning content across two different (parallel) columns using CSS [duplicate]
I'm using CSS grid layout, and would like to vertically align images in the left column to associated text in the right column. Is there a way to do that using CSS (without JavaScript)?
There are ...
- 9,245