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

[ON HOLD] 555 blognews hubs multiple filters #587

Open
wants to merge 16 commits into
base: main
Choose a base branch
from

Conversation

sharanagoudapatil
Copy link
Collaborator

@sharanagoudapatil sharanagoudapatil commented Dec 14, 2023

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #555

Test URLs:

@sharanagoudapatil sharanagoudapatil linked an issue Dec 14, 2023 that may be closed by this pull request
Copy link
Contributor

aem-code-sync bot commented Dec 14, 2023

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

Copy link
Contributor

aem-code-sync bot commented Dec 14, 2023

Page Scores Audits Google
/us/en/blog PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@davenichols-DHLS
Copy link
Collaborator

  • Brands Button should be white
  • Can the button truncate to the text
  • Reduce button height
  • The selected item in the button not to be in bold

@aem-code-sync aem-code-sync bot temporarily deployed to 555-blognews-hubs-multiple-filters December 14, 2023 12:10 Inactive
@aem-code-sync aem-code-sync bot temporarily deployed to 555-blognews-hubs-multiple-filters December 14, 2023 13:43 Inactive
@aem-code-sync aem-code-sync bot temporarily deployed to 555-blognews-hubs-multiple-filters December 15, 2023 06:05 Inactive
Copy link
Contributor

aem-code-sync bot commented Dec 15, 2023

Page Scores Audits Google
/us/en/blog PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@sharanagoudapatil
Copy link
Collaborator Author

@davenichols-DHLS - I've addressed the above comments. Please have a look. Thanks.

@@ -174,6 +236,7 @@ export default async function decorate(block) {
block.append(cardList);
// render cards article style
} else {
// block.classList.add('space-x-2');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we remove if this is not needed?

function toggleFilter(event) {
const isOpen = event.target.parentElement.getAttribute('aria-expanded');
if (JSON.parse(isOpen)) {
event.target.parentElement.parentElement.focus();
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if we should use display none (CSS) here instead of focus / blur, which relies on JS events hence requires you to add some latency after the focus (click).

);
inputEl.addEventListener('click', (e) => {
window.location.href = e.target.parentElement.getAttribute('href');
});
if (toClassName(keyword).toLowerCase() === activeTag) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as you're creating input[radio], this if might not be needed anymore. something like this would capture the "checked" field:

document.querySelector(`input[name=${tagName}Radio][value=${keyword}]`).setAttribute('checked', true);

@sharanagoudapatil sharanagoudapatil changed the title 555 blognews hubs multiple filters [ON HOLD] 555 blognews hubs multiple filters Dec 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Blog/News] Hubs to have multiple filters
5 participants