Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. H

    JavaScript How to set an initial value to PlaceAutocompleteElement

    I am creating an autocomplete address input element via google.maps.places.PlaceAutocompleteElement, to let users autocomplete addresses. The thing is that users have previously saved their address in our database, so I need to set the PlaceAutocompleteElement input an initial address value...
  2. H

    JavaScript Grey background on IOS when clicking

    Hello there!! When I click on an absolute positioned div on IOS (Safari), there is a flash of a grey background. This is a video the example: Screen Recording 2025-04-10 at 09.23.30.mov And this is a code pen with the example code: https://codepen.io/hebrerillo/pen/RNwzKXx However, if the...
    • hebrerillo
    • Thread
    • absolute background click ios javascript safari
    • Replies: 2
    • Forum: JavaScript
  3. H

    JavaScript Break on input value changes

    Hello everyone! I want to know if it is possible to set a breakpoint, using the browser, when the value of an input field changes. In Chrome, I can set a breakpoint on a DOM element in these scenarios: Subtree modifications Attributes modifications Node Removal I need a similar way to...
  4. H

    JavaScript Check if input can be focused

    Hello everyone! I want to know if there is a way to check if an input is focusable or not via JavaScript. I am implementing a form, and when the user hits the enter key, the focus should go to the next "focusable" input via JavaScript. The problem is that some inputs are hidden via...
  5. H

    JavaScript JavaScript validates an invalid email

    Hello there! I have a form that I am validating using the Form Validtion API in JS. I would expect the email address 'hannibal@gmail' to be invalid. However, the API returnts that it is valid. Here is an example: <!DOCTYPE html> <html lang="en"> <head> </head> <body> <form...
  6. H

    PHP PHP gets commented

    Hello there! I had a local server in Apache and PHP that was working fine, but it has stopped working suddenly. If I enter the URL "http://localhost/index.php", the PHP code gets commented out in the response: I searched in the web but found nothing. I read somewhere else that the PHP is...
    • hebrerillo
    • Thread
    • apache php
    • Replies: 15
    • Forum: PHP
  7. H

    JavaScript Set breakpoint on loading time

    Hello there! Sometimes, I want to locate a code that is changing a DOM element. For example, on Chrome I can set a breakpoint "On attribute modifications" for a specific DOM element, so the browser will break when such element has attribute modifications, and I can inspect the code. However...
  8. H

    JavaScript Safari can't play videos with sound using IntersectionObserver

    Hello there! I am having trouble playing videos with sound in Safari. The videos are not played by a click, but when they are visible on the screen by using an Intersection Observer. In Firefox, once there has been some user interaction with the page, a click for example, I can do this...
  9. H

    JavaScript Free memory of HTMLVideoElement

    Hello there! I have a page with a lot of videos, so memory is a concern. Because of that, I have implemented an Intersection Observer that removes the videos that are out of the viewport. This is the instruction: video.remove(); Where 'video' is an HTMLVideoElement. Will that instruction be...
  10. H

    Grid item with aspect-ratio

    Hello there! The problem I want to solve is in this codepen: https://codepen.io/hebrerillo/pen/rNbLXaR As you can see, the second grid item overlaps the first item, even though the first item has a specific width and height. Why?? Thank you so much!
  11. H

    Sass class with class specification using BEM

    Hello there! What I am going to ask is probably very easy, but I did not manage to get it even after so much search. This is the HTML: <form class='form-component'> <div class='form-component__row'></div> <div class='form-component__row...
  12. H

    JavaScript Can't read newURL property on Event in TypeScript

    Hello there! I am trying to catch the 'onHashChange' event in TypeScript and to work with the new URL. Here is the code: window.addEventListener('hashchange', function(event: HashChangeEvent) { console.log(event); }); However, the compiler gives this error: No overload matches...
  13. H

    HTML & CSS Can't center a grid item with a max-width

    Hello there! I want to center a grid item that has a max-width but the item is not centered. Here is a code example: <!DOCTYPE html> <html> <head> <style> .container { display: grid; grid-template-columns: 1fr; height...
  14. H

    Contribute to an open source web project

    Hello there! I would like to participate in a web project to improve my front end programming skills in HTML, CSS and Vanilla JavaScript. Could you please tell me or guide me how can I contribute to a free web project? I searched on the net but could not find anything. Thanks a lot!
  15. H

    HTML & CSS input field does not respect flexbox layout

    Hello there! I need help! Why is the input growing so much that it overflows the flex container? However, if you comment the input and remove the comment on the '.div-grow' element, this one respects the flexbox layout. In fact, if the 'flex-grow:1' is removed form the input, it still grows so...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom