MC23 Posts - Answer Overflow

I'm having a problem with an abolute positioned element when scrolling, it moves and overflows the container: https://codepen.io/n00bCod3r/pen/XWQaZbz I tried adding a position relative to the container, but it gets cut:

8 replies

KPCKevin Powell - Community

•Created by MC23 on 6/1/2023 in #front-end

[Angular MaterialTable] Row class not completely applied in case of overflow

https://stackblitz.com/edit/angular-mat-table-highlight-row-on-scroll-zmdjqj?file=src%2Fapp%2Fapp.component.css As you can see, due to the Flex css part, the row class is not entirely applied. Any idea on how to do that? The flex part must stay, this is a simpler example than my actual project...

1 replies

KPCKevin Powell - Community

•Created by MC23 on 2/2/2023 in #ui-ux

Feedback on icons used to display the respective word

5 replies

KPCKevin Powell - Community

•Created by MC23 on 10/12/2022 in #front-end

Unwanted undefined key in object

Starting from an array like this:

    gridColumns =
    [
      { field: "exam_Internalcode", title: 'Exam ID' },
      { field: "patient", title: 'Patient Name' },
  ]

    gridColumns =
    [
      { field: "exam_Internalcode", title: 'Exam ID' },
      { field: "patient", title: 'Patient Name' },
  ]

And an array like this

  gridData = [
    { exam_Internalcode: 'I-12M4', patient: 'Mark Lenner', idblock: 125 },
    ...
  ]

  gridData = [
    { exam_Internalcode: 'I-12M4', patient: 'Mark Lenner', idblock: 125 },
    ...
  ]

What's the best way to obtain an array like this?

result = [
  {'Exam ID': 'I-12M4', 'Patient Name': 'Mark Lenner'} //no idblock because there is no field for it in gridColumns 
  ...
]

result = [
  {'Exam ID': 'I-12M4', 'Patient Name': 'Mark Lenner'} //no idblock because there is no field for it in gridColumns 
  ...
]

Current solution https://jsfiddle.net/n00bCod3r/jdc1hu5p/ However, I get an undefined key and I don't understand why

14 replies

Gaming

Programming