Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS injection issue #2126

Open
2 tasks done
kbudulski opened this issue May 6, 2024 · 1 comment
Open
2 tasks done

CSS injection issue #2126

kbudulski opened this issue May 6, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@kbudulski
Copy link

kbudulski commented May 6, 2024

  • I have read the Getting Started section
  • I have already searched for the same problem

Similar issues: #821, #1388

Environment

Technology Version
Flutter version 3.19.5
Plugin version 6.0.0
Android version 13
iOS version
macOS version
Xcode version
Google Chrome version

Device information: Pixel 5 emulator

Description

Expected behavior:
Should correctly inject css that is using pseudo-class :has (but that may not matter) and apply style even though there are modifications from web as well, related to hiding some elements.

Current behavior:
Elements referenced in such way are not affected.

Moreover I'm kind of confused but I believe some parts of CSS were cached and in a way I cannot remove them. Used CookieManager/WebStorageManager, IDE invalidation, wiping emulator data.

Steps to reproduce

  1. On website use the script, like: .some-parent:has(.someclassname) { display: none }
  2. In injectCSSCode on app side use reversed one (with !important): .some-parent:has(.someclassname) { display: block !important }
  3. Load page to see effects.
@kbudulski kbudulski added the bug Something isn't working label May 6, 2024
Copy link

github-actions bot commented May 6, 2024

👋 @kbudulski

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant