autofocus | jQuery plugin to enable cross | Plugin library

I can't do something so simple and I'm pissed off. I am using bootstrap in Laravel. I need to set it up for mobile. The footer either hovers over the body or stays in the middle of the page. How can I solve this?

I've react-bootstrap's Modal component which has an input and when i do the unit test for the Focus, it says it received whole document instead of just the Input element.

Does any one know why the focus went to whole doc(Does Modal make the whole document to have focused). Really appreciate the help. Below is my code

Signup.js

I am trying to render a grid of large buttons using bootstrap with React.

I have css for hover and focus effects. When user loads the screen, I want one of the buttons loaded as focused. I tried putting autofocus in the div. It does the job, however there is a weird formatting issue. Some thin white border on top of my regular borders renders. I couldn't figure out the exact issue and how not to display this white thin border when a user loads the screen.

My html:

In this app, When i submit a word (for eg help) for the first time then it will return the search results and renders it on the page, but if i searched for another word then the results wont be displayed until and unless i refresh the page. How can i render next search results on the page? The codepen link is here: https://codepen.io/nelsonuprety1/pen/KKWreRQ . To search for new results the page should be refreshed.

I made a simple form validation custom hook which for some reason is only working for one out of the two inputs in my page.

This is the custom hook I made.

My Issue: Please help me run this code as it should. I am getting a null form error when typing a City name in the place holder and I'm not sure why I am practicing this code from here: https://webdesign.tutsplus.com/tutorials/build-a-simple-weather-app-with-vanilla-javascript--cms-33893

In CameraX Analysis, setTargetResolution(new Size(2560, 800), but in Analyzer imageProxy.getImage.getWidth=1280 and getHeight=400, and YUVToByte(imageProxy.getImage).length()=768000。In Camera, parameter.setPreviewSize(2560, 800) then byte[].length in onPreviewFrame is 3072000(equales 768000*(2560/1280)*(800/400))。How can I make CameraX Analyzer imageProxy.getImage.getWidth and getHeight = 2560 and 800, and YUVToByte(ImageProxy.getImage).length()=3072000? In CameraX onPreviewFrame(), res always = null, in Camera onPreviewFrame(), res can get currect value, what's the different between CameraX and Camera? And what should I do in CameraX?

CameraX:

I am trying to create a form with a text area whose value will the inner HTML of a div which I intend to place on top/below the text area and also be able to access the text area at the same time

my HTML with inline CSS and the javascript code to update the inner HTML of the div element is :

my teammate has the issue that flutter reports to that my variable can't have the value null, however everything is working fine on my mac. We could not find any differences in the code. Does anyone know which issue may cause this

the issues are basically targeted towards the constructor and the variables

I am using a Macbook pro and the others whose are not working are windows laptops