Git Product home page Git Product logo

Comments (8)

sixcious avatar sixcious commented on May 27, 2024

Hi ilias-7565, thanks for opening this issue!

I don't quite understand your feature request; could you please elaborate and provide a screenshot of the problem, as well as the Saved URL object you are using and your device specs to help show what you mean? MDN is an AJAX site and I have no issues with getting all the search results to display properly using the Click Action and AJAX Append Mode on a mobile device in landscape mode.

For context, here's what I'm seeing on a very small Pixel phone:
Screenshot

Also, if you need to add some empty space or alter the CSS in any way to make it work with your device, you could use a Userstyle or Userscript Manager. (I would recommend trying Stylus first.)

I hope this helps. 💜

from infy-scroll.

ilias-7565 avatar ilias-7565 commented on May 27, 2024

Don't press Enter, try using the pop-up list on small screen. This is just an example, such was an actual issue on some sites which i came across before.

from infy-scroll.

sixcious avatar sixcious commented on May 27, 2024

Hi, I don't have an Enter key to press as I'm testing this all on a mobile device. Could you please provide a screenshot showing the problem, the Saved URL settings you are using, and your mobile device's specifications (resolution, OS, and browser) so I can try and reproduce this?

from infy-scroll.

ilias-7565 avatar ilias-7565 commented on May 27, 2024

Use device's Back button to hide the keyboard to see the issue.

Screenshot_20240218-122204_Firefox

from infy-scroll.

sixcious avatar sixcious commented on May 27, 2024

Hi again ilias-7565,

OK, it took me a really long time to figure out what you were actually referring to. I don't think this is related to Infy Scroll. The grey "pop-up" search results is MDN's own web design, and the same thing happens without using Infy Scroll. Please contact Mozilla and open an issue to let them know so they can fix it. Or you can use a Userstyle Manager like Stylus to add the CSS to fix it. Unfortunately, this feature really falls outside the scope of functionality of what Infy Scroll does.

Sorry, I know that's not what you were hoping to hear, but I really hope that helps. 💜

from infy-scroll.

ilias-7565 avatar ilias-7565 commented on May 27, 2024

Ik that its probably not what you meant when have chosen the name for addon, but you could add the infy scroll margins capability too :) . Its up to you though, you can close this Issue if you want, this functionality isn't required. Adding Stylus only for this, also on mobile, is a bit too much.

from infy-scroll.

sixcious avatar sixcious commented on May 27, 2024

I totally get where you're coming from! 💜 It seems like it's a simple margin issue, but that div.search-results popup on MDN's site is positioned absolutely, and since each site is different, it's really going to require some custom CSS or JS to fix. Google has become a lot more strict with MV3 and I'm worried they might consider something like that to be remote code execution. If I were to add that in via the new chrome.userScripts API, it could creep on violating their Single-use policy because Infy is not really a userstyle or userscript manager like Stylus and ViolentMonkey are.

I plan on reevaluating custom CSS/JS in the future to see if it can be allowed. I honestly think the best option is to open an issue with the website/MDN because it's their own code and you shouldn't have to put up with using a 3rd party app to fix it 💜

from infy-scroll.

ilias-7565 avatar ilias-7565 commented on May 27, 2024

I didn't know about the google thing. I totally agree that they should fix it, but that has high chance of happening on other sites. Hoping and waiting for devs of each site to fix/{not introduce} it isn't very logical.

Ty for attention.

from infy-scroll.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.