How to embed background video in HTML/CSS?

Hi everyone, I recently encountered a problem. I'm trying to set a video background to my site, but the centered text runs all the way to the bottom, I don't know why, yet the navigation bar is fine. I've done a lot of research but can't find a solution. For CSS, I made the following settings: *{mar...

P粉176203781 2023-11-06 13:59:13 0 1 240

Vite HMR cannot detect changes to components within subfolders

In a Vue+Vite project, I have this folder structure problem is that vite cannot detect changes (ctrl+s) in A.vue or B.vue, i.e. components nested under NestedFolder in the component folder. Everything else works fine. My vite.config.js looks like this, import{fileURLToPath,URL}from'node:url'import{d...

P粉854119263 2023-11-04 09:37:46 0 1 272

Issues with Vue.js 3 and Pinia Getters

I'm switching from Angular to Vue.js and trying to understand its architecture. I'm currently stuck with a basic problem and have used a lot of workarounds, but I'm really only looking at temporary solutions. The main issue here is the collaboration between Vue.js3 and Pinia. Pinia consists of Store...

P粉668019339 2023-11-03 18:52:56 0 1 244

Embed cross-domain SVG content documents using the object tag

Is it "legal" to have an SVG that contains data from an external domain, i.e. (data="//da86ge957603k.cloudfront.net/rails/grafitti_logo-f4e8238a87c979c0cf5b41481c982b71.svg") and then bind the load event to the object and then access it via the contentdocument attribute SVGDOM of...

P粉393030917 2023-10-31 18:04:21 0 1 249

Why nth-of-type/nth-child doesn't work for nested elements?

I'm trying to change the style of odd divs inside divs. For some reason, when the nth-of-type(odd) is inside another div, it affects all my divs. Here is my code for regular and odd divs: .video-entry-summary{width:214px;height:210px;margin-left:10px;float:left;position:relative;overflow:hidden;bord...

P粉203792468 2023-10-23 10:39:24 0 1 211

How to make an inset shadow in SVG

I need to make a box with an inline shadow, just like CSS3 has an inline box shadow. What I've found so far is a filter with feGaussianBlur, but the problem is that it also adds a shadow outside the box, which I don't want. This is the code I've got so far:

P粉311089279 2023-10-21 15:57:11 0 2 232

0 Basics: Should I learn php8 directly or start with php7 first?

0 Basics: Should I learn php8 directly or start with php7 first? I heard that the 8 and 7 versions are very different, and they are almost in two languages? The reason for the confusion is that I don’t know what the ecosystem of 8 is like now. Don’t forget that you won’t be able to find any supporti...

P粉684154200 2023-10-22 07:22:11 0 0 25

Container does not increase its width when Flexbox item wraps in column mode

I'm developing a nested Flexbox layout that works as follows: the outermost level (ul#main) is a horizontal list that must expand to the right when more items are added. If it gets too big, there should be a horizontal scrollbar. #main{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto...

P粉924915787 2023-10-17 22:05:01 0 2 176

How to access and handle nested objects, arrays, or JSON?

I have a nested data structure containing objects and arrays. How to extract information, i.e. access specific or multiple values (or keys)? For example: vardata={code:42,items:[{id:1,name:'foo'},{id:2,name:'bar'}]}; How to access the name of the second item in items?

P粉864872812 2023-10-09 19:02:22 0 2 285

Taking action within actions: Leverage nested actions to make a difference in your next Redux

I want to implement the logic of authorizing users when the page loads. Initially I wanted to check if there is a token in the cookie (checkUserToken) and if there is or not - call another function (fetchUserData) which will make a future request to the server. Finally, when the server responds - ca...

P粉614840363 2023-09-17 08:40:23 0 1 176

Does importing a module mean embedding the module's code on the same line as the import statement?

From ReferenceError:can'taccesslexicaldeclaration'X'beforeinitialization-JavaScript|MDN, there is an example of invalid import: a.js (entry module): import{b}from "./b.js";exportconsta=2;b. js: import{a}from"./a.js";console.l

P粉269847997 2023-09-16 18:25:30 0 1 201

How to avoid button nesting in Vue js

So I have a button that I want to use multiple times, as a component with a slot < buttonclass="p-3rounded-3xlshadow-mdfont-boldm-4px-10border-2

P粉852114752 2023-09-15 12:35:30 0 1 232

Embed targeting

I'm currently trying to position the embedded content between the image and the center of the screen. To accomplish this, I leveraged https://rss.app/ to embed the NBA portion of Google News into my website. If you need CSS files, please feel free to ask. I've been struggling with this for a while a...

P粉709644700 2023-09-15 00:14:35 0 1 335

How to put the inner div of a nested div structure into a new row using flex box?

I want the inner div (Mem3) in a new row, below Mem1, and I don't want to change the div structure at all costs. please help. Like this =>.flex-container{display:flex;flex-wrap:wrap;}.flex-child{border:solidblue;}.flex-fgc{border:solidblue;}.flex-inner-gc{border:solidblue ;}<

P粉982054449 2023-09-13 12:26:10 0 1 300

Navigation bar status management

I'm trying to use state management to modify my application and make it more versatile. Basically my app is a ReactWeb app with a tableau dashboard embedded and I need to populate a specific route (containing a specific dashboard) in the app by reading a json from the backend specifying the items we...

P粉615829742 2023-09-11 18:17:42 0 1 181

How to close nested modal in another custom component?

How to close a modal nested within another custom component? My modal is in another component. I have a problem passing state to parent component. You can see the parent and child components below. Parent component: constViewNote=({route,navigation})=>{const[visible,setVisible]=useState(false);fu...

P粉579008412 2023-09-11 15:50:11 0 2 282

How to embed Python code into HTML?

Recently, I'm working on my HTML project and I want to add some functionality and I've written the corresponding code in Python. However, I'm running into a problem where I can't add this Python code to my HTML code. So I want to know how to add my Python code to my HTML code.

P粉460377540 2023-09-09 20:55:15 0 1 263

Firefox extension not happy with static insideHtml

I submitted a Firefox extension that uses innerHtml on content-script.js. The html content is hardcoded, with multiple levels of nested divs and span tags, with idclass... attributes, and no script or a tags. The actual information is filled in in the code behind. constmyHtml=`..........`;letelm=doc...

P粉398117857 2023-09-08 23:54:28 0 1 250

Firebase Firestore where operator uses nested dynamic properties

Using the model below, I need to use the where operator when querying Firestore. However, the where attribute is nested based on the following variable code: where("category","==","Something"), model constlanguage="EN"{EN:{category:"Somethinginenglish&quo...

P粉052686710 2023-09-08 16:06:57 0 1 269

Firestore rules deny every request to chat applications with nested collections. What did I do wrong?

I'm currently building a chat app and I'm having trouble with Firebase rules. I want to limit users from seeing conversations they are not a part of. However, when I try to implement these rules, access seems to be denied even after checking to see if the conversation exists. How do I properly confi...

P粉627136450 2023-09-08 15:04:01 0 1 238