Categories
Mastering Development

CSS Grid contains 2 fixed sidebars. Main Content does not position properly

Decided to give CSS-grid a try,but I got stuck on this annoying issue. Im trying to have 2 fixed nav bars on the left side and on the right, and have main content in the middle (that will be scrollable). Here is my code: <div class=”grid”> <div class=”sidebar-left”> 1 </div> <div class=”sidebar-right”> 2 </div> <div […]

Categories
CMS Development Wordpress

Close video stick – Single Post

I’m trying to fix this problem that I have with this sticky video but I can’t seem to find a solution. I have two video’s on my page. One is sticky and the other sits at the top. I want the sticky video to leave the view after clicking the X. The sticky close works […]

Categories
Development

Xidel xpath with regex

I would like to use Xidel to select a <section> tag with class=”body” if contains a date in format YYYY.M(M).D(D) to find and extract one specific string which has 8 characters and can contain characters and digits. Sample input html: <section class=”body”> Start 2019.1.12 Lorem Ipsum is simply dummy text of the printing and typesetting […]

Categories
Development

Scroll to top of the div counting navbar height

I want scroll page to the top of section EXACTLY. I mean counting navigation bar height, and where section starts, should be displayed under of navigation bar. But in my case these sections are behind the nav. (Btw, I am scrolling to div by id and href, I think I should write some js codes). […]

Categories
Development

Full height siderbar and content area breaks on smaller device screen

Is it possible to fix the following issue with 100% height of both sidebar and content area on a smaller device screen? Given the code, it’s hard for me to fix the issue. My goal is to create a sidebar and a content area. The sidebar should be of a fixed width, that takes up […]

Categories
Development

Fix a div at the top of the screen while scrolling in iframe

This question has been repeated before and I have tried everything that I have found on the internet. I have a div ‘A’ inside iframe and the iframe is inside the wrapper div. When I am trying to fix the div ‘A’ on the top of the screen in mobile view it works without iframe […]

Categories
Development Vue

passing propData in vue jest is returning undefined

i’m passing the propData in my jest test file in vue but it’s not set the propData data to component instead it’s giving error cannot read property of clouds of undefined my object is written right?.please help. i’ll provide more code if needed. my jest test file import sideWeatherDetails from “@/components/sidemenu/sideWeatherDetails.vue”; import { mount, createLocalVue […]

Categories
CSS Development HTML

How to dim the body from navbar hover HTML CSS?

My current layout is this: Say I want to dim the entire body when I hover over “More Info” in the navbar and show some information on the newly dimmed body, over everything that was there before; how would I go about doing that? Everything I have found so far seems to use the fact […]

Categories
Development

jest giving an UNKNOWN : Cannot read property ‘weather’ of undefined don’t know what is weather

i’m trying to implement a test on vuex getter but it’s giving me cannot read property weather of undefined and i couldn’t understand what is “weather” here i have not declared any weather variable anywhere here still don’t know what jest is referring to weather. please help me figure it out. here’s the error it’s […]

Categories
Development iOS XML

Expo ImagePicker crashed on IOS Gallery not opening

When I try to use expo imagepicker, the application freezes, opens the gallery or the camera and they close immediately, this only happens to me on ios, on android it works perfectly. I hope someone can help me. This is my code getPermissionAsync = async () => { if (Constants.platform.ios) { const { status } […]